{"id":4074,"date":"2024-10-25T21:15:41","date_gmt":"2024-10-25T13:15:41","guid":{"rendered":"https:\/\/www.openbyt.com\/?p=4074"},"modified":"2024-10-25T21:24:06","modified_gmt":"2024-10-25T13:24:06","slug":"how-to-create-a-sticky-footer-navigation-in-elementor","status":"publish","type":"post","link":"https:\/\/www.openbyt.com\/de\/wie-erstelle-ich-eine-sticky-footer-navigation-in-elementor","title":{"rendered":"Wie man eine Sticky Footer Navigation in Elementor erstellt"},"content":{"rendered":"<p>Die Einrichtung einer Sticky Footer-Navigation in Elementor kann die Benutzerfreundlichkeit verbessern, indem wichtige Navigationslinks beim Scrollen zug\u00e4nglich bleiben, insbesondere auf mobilen Ger\u00e4ten. Hier finden Sie eine umfassende Anleitung zum Einrichten einer Fu\u00dfzeile in Elementor mit detaillierten Schritten.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"881\" height=\"489\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402.png\" alt=\"\" class=\"wp-image-4095\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402.png 881w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402-600x333.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402-300x167.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402-768x426.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402-18x10.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402-150x83.png 150w\" sizes=\"(max-width: 881px) 100vw, 881px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\">Schritt 1: Einrichten der Sticky Footer Navigationsvorlage<\/h3><p>Sicherstellen <strong>Elementor<\/strong> und <strong>Elementor Pro<\/strong> installiert sind, und verwenden Sie ein mit Elementor kompatibles Theme, wie z.B. <strong>Hallo Elementor<\/strong> oder <strong>Astra<\/strong>.<\/p><h4 class=\"wp-block-heading\">Erstellen der Fu\u00dfzeilenvorlage<\/h4><ol class=\"wp-block-list\"><li><strong>Elementor Editor \u00f6ffnen<\/strong><ul class=\"wp-block-list\"><li>W\u00e4hlen Sie die zu bearbeitende Seite oder gehen Sie zu <strong>Vorlagen &gt; Theme Builder<\/strong> um eine neue Fu\u00dfzeilenvorlage zu erstellen, die ein einheitliches Design f\u00fcr alle Seiten gew\u00e4hrleistet.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"408\" height=\"265\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-384.png\" alt=\"\" class=\"wp-image-4075\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-384.png 408w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-384-300x195.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-384-18x12.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-384-150x97.png 150w\" sizes=\"(max-width: 408px) 100vw, 408px\" \/><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\"><li><strong>Eine neue Fu\u00dfzeilenvorlage hinzuf\u00fcgen<\/strong><ul class=\"wp-block-list\"><li>Klicken Sie auf \"Fu\u00dfzeile hinzuf\u00fcgen\", um eine neue Fu\u00dfzeilenvorlage zu erstellen. Die Verwendung einer Vorlage sorgt daf\u00fcr, dass die gesamte Website im gleichen Stil gehalten wird.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-1024x481.png\" alt=\"\" class=\"wp-image-4077\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-1024x481.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-600x282.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-300x141.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-768x360.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-1536x721.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-150x70.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386.png 1828w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"5\" class=\"wp-block-list\"><li><strong>Einf\u00fcgen der Fu\u00dfzeilenvorlage<\/strong><ul class=\"wp-block-list\"><li>Verwenden Sie den Vorlagenimport von Elementor, um eine zuvor gespeicherte Fu\u00dfzeilenvorlage einzuf\u00fcgen.<\/li>\n\n<li>\u00d6ffnen Sie die Vorlagenbibliothek, suchen Sie Ihre gespeicherte Fu\u00dfzeilenvorlage, und klicken Sie auf <strong>einf\u00fcgen<\/strong>.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"539\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385.png\" alt=\"\" class=\"wp-image-4076\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385-600x316.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385-300x158.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385-768x404.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385-18x9.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385-150x79.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\">Schritt 2: Hinzuf\u00fcgen von Navigationselementen zur Fu\u00dfzeile<\/h3><p>Hier f\u00fcgen Sie Links zu den wichtigsten Seiten hinzu, z. B. Home, Warenkorb, Mein Konto und eine Suchleiste.<\/p><h4 class=\"wp-block-heading\">Erstellen der Fu\u00dfzeilenstruktur<\/h4><ol class=\"wp-block-list\"><li><strong>Einen neuen Container hinzuf\u00fcgen<\/strong><ul class=\"wp-block-list\"><li>Klicken Sie am unteren Rand Ihrer Elementor-Seite auf \"+\", um einen neuen Container hinzuzuf\u00fcgen, der als Fu\u00dfzeile bezeichnet wird.<\/li><\/ul><\/li><\/ol><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"184\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-1024x184.png\" alt=\"\" class=\"wp-image-4079\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-1024x184.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-600x108.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-300x54.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-768x138.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-18x3.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-150x27.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388.png 1336w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"2\" class=\"wp-block-list\"><li><strong>Spaltenstruktur einrichten<\/strong><ul class=\"wp-block-list\"><li>Legen Sie den Abschnitt auf zwei oder mehr Spalten fest, um die Navigationselemente anzuordnen. Platzieren Sie zum Beispiel ein \"Home\"-Symbol auf der linken Seite und ein \"<strong>Wagen<\/strong>Symbol\" auf der rechten Seite f\u00fcr den einfachen Zugriff auf die wichtigsten Seiten.<\/li><\/ul><\/li><\/ol><figure class=\"wp-block-image is-resized\"><a href=\"https:\/\/www.361sale.com\/wp-content\/uploads\/2024\/10\/2024101602350992.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.361sale.com\/wp-content\/uploads\/2024\/10\/2024101602350992.png.webp\" alt=\"\u63d0\u5347\u7528\u6237\u4f53\u9a8c\uff1a\u5728 Elementor \u4e2d\u521b\u5efa\u79fb\u52a8\u7aef\u53cb\u597d\u7684\u7c98\u6027\u9875\u811a\u5bfc\u822a\" class=\"wp-image-21571\" style=\"width:906px;height:auto\"\/><\/a><\/figure><h4 class=\"wp-block-heading\">Hinzuf\u00fcgen von Symbolelementen<\/h4><p>Jede Spalte erh\u00e4lt ein Navigationselement:<\/p><ol class=\"wp-block-list\"><li><strong>Ein \"Home\"-Symbol hinzuf\u00fcgen<\/strong><ul class=\"wp-block-list\"><li>Verwenden Sie die <strong>Ikone<\/strong> Widget: Ziehen Sie das Icon-Widget in die linke Spalte und w\u00e4hlen Sie <strong>Icon Box<\/strong> um das Symbol und die Beschriftung zu kombinieren.<\/li>\n\n<li>Passen Sie das Symbol an: W\u00e4hlen Sie ein Home-Symbol aus der Symbolbibliothek und passen Sie Farbe und Gr\u00f6\u00dfe an das Design an.<\/li>\n\n<li>F\u00fcgen Sie einen Link hinzu: F\u00fcgen Sie in den Einstellungen des Icon-Widgets einen Link zur Homepage hinzu (z.B. \/ oder https:\/\/yourdomain.com).<\/li><\/ul><\/li><\/ol><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390.png\" alt=\"\" class=\"wp-image-4081\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390-600x265.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390-300x132.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390-768x339.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390-150x66.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"586\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573.png\" alt=\"\" class=\"wp-image-4082\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573-600x343.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573-300x172.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573-768x440.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573-18x10.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573-150x86.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><\/div><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391.png\" alt=\"\" class=\"wp-image-4083\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391-600x272.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391-300x136.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391-768x348.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391-150x68.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401.png\" alt=\"\" class=\"wp-image-4093\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401-600x265.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401-300x132.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401-768x339.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401-150x66.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\"><li><strong>Ein \"Warenkorb\"-Symbol hinzuf\u00fcgen<\/strong><ul class=\"wp-block-list\"><li>F\u00fcgen Sie in der rechten Spalte ein weiteres Icon-Widget mit einem <strong>Warenkorb-Symbol<\/strong>.<\/li>\n\n<li>Verkn\u00fcpfen Sie sie mit der Warenkorb-Seite (z.B. \/cart oder https:\/\/yourdomain.com\/cart).<\/li><\/ul><\/li><\/ol><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"466\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392.png\" alt=\"\" class=\"wp-image-4084\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392-600x273.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392-300x137.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392-768x350.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392-150x68.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><\/div><\/div><ol start=\"3\" class=\"wp-block-list\"><li><strong>Ein \"Mein Konto\"-Symbol hinzuf\u00fcgen<\/strong><ul class=\"wp-block-list\"><li>F\u00fcgen Sie ein Kontosymbol in einer bestimmten Spalte hinzu.<\/li>\n\n<li>Verkn\u00fcpfen Sie sie mit der Kontoseite (typischerweise \/my-account oder https:\/\/yourdomain.com\/my-account).<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393.png\" alt=\"\" class=\"wp-image-4085\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393-600x282.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393-300x141.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393-768x362.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393-150x71.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\"><li><strong>Eine Suchfunktion hinzuf\u00fcgen<\/strong><ul class=\"wp-block-list\"><li>Ziehen Sie das Such-Widget in eine Spalte.<\/li>\n\n<li>Passen Sie den Stil der Suchleiste an: Passen Sie Farbe, Gr\u00f6\u00dfe und Platzhaltertext an das Design der Fu\u00dfzeile an.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"391\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394.png\" alt=\"\" class=\"wp-image-4086\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394-600x229.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394-300x115.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394-768x293.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394-18x7.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394-150x57.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\">Schritt 3: Layout und Stil der Fu\u00dfzeile anpassen<\/h3><p>Nachdem Sie die Navigationselemente hinzugef\u00fcgt haben, stimmen Sie das Layout und den Stil der Fu\u00dfzeile ab, um ein einheitliches und benutzerfreundliches Aussehen zu erzielen.<\/p><h4 class=\"wp-block-heading\">Layout-Anpassungen<\/h4><ol class=\"wp-block-list\"><li><strong>Spaltenbreiten anpassen<\/strong><ul class=\"wp-block-list\"><li>Passen Sie die Breite der einzelnen Spalten an, um die Navigationselemente in den Container-Einstellungen gleichm\u00e4\u00dfig zu verteilen, z.B. indem Sie jede Spalte auf 25% oder 50% einstellen.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-1024x459.png\" alt=\"\" class=\"wp-image-4087\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-1024x459.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-600x269.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-300x134.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-768x344.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-1536x688.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-150x67.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395.png 1809w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\"><li><strong>Navigationselemente ausrichten<\/strong><ul class=\"wp-block-list\"><li>W\u00e4hlen Sie jedes Widget aus und passen Sie die Ausrichtung (mittig, links oder rechts) an, um ein Gleichgewicht herzustellen.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-1024x473.png\" alt=\"\" class=\"wp-image-4088\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-1024x473.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-600x277.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-300x139.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-768x355.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-1536x710.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-150x69.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396.png 1828w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\"><li><strong>Ikonen-Stil<\/strong><ul class=\"wp-block-list\"><li>Passen Sie in den Einstellungen jedes Icon-Widgets die Gr\u00f6\u00dfe und Farbe des Symbols an und f\u00fcgen Sie, falls gew\u00fcnscht, einen Hover-Effekt hinzu.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-1024x469.png\" alt=\"\" class=\"wp-image-4089\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-1024x469.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-600x275.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-300x137.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-768x352.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-1536x703.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-150x69.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397.png 1828w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\">Schritt 4: Aktivieren Sie den Klebeeffekt<\/h3><p>Verwenden Sie den Sticky-Effekt von Elementor Pro, damit die Fu\u00dfzeile beim Scrollen sichtbar bleibt.<\/p><ol class=\"wp-block-list\"><li><strong>Sticky Behavior einrichten<\/strong><ul class=\"wp-block-list\"><li>W\u00e4hlen Sie den Bereich Fu\u00dfzeile und gehen Sie zu <strong>Erweiterte Einstellungen &gt; Bewegungseffekte<\/strong>.<\/li>\n\n<li>Aktivieren Sie <strong>Klebrig<\/strong> und stellen Sie es so ein, dass es am Boden klebt.<\/li><\/ul><\/li><\/ol><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-1024x474.png\" alt=\"\" class=\"wp-image-4090\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-1024x474.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-600x278.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-300x139.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-768x356.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-1536x712.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-150x70.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398.png 1828w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"2\" class=\"wp-block-list\"><li><strong>W\u00e4hlen Sie Ger\u00e4teanzeigeoptionen<\/strong><ul class=\"wp-block-list\"><li>W\u00e4hlen Sie aus, wo der Klebeeffekt angewendet werden soll (Desktop, Tablet oder Handy).<\/li><\/ul><\/li><\/ol><h4 class=\"wp-block-heading\">Stil-Anpassung<\/h4><ol class=\"wp-block-list\"><li><strong>Hintergrundfarbe<\/strong><ul class=\"wp-block-list\"><li>Klicken Sie auf den Fu\u00dfzeilen-Container und legen Sie eine Hintergrundfarbe unter dem Feld <strong>Stil<\/strong> Registerkarte f\u00fcr einfache Sichtbarkeit.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-1024x474.png\" alt=\"\" class=\"wp-image-4091\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-1024x474.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-600x278.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-300x139.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-768x355.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-1536x711.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-150x69.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399.png 1828w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\"><li><strong>Typografie<\/strong><ul class=\"wp-block-list\"><li>W\u00e4hlen Sie jede <strong>Text <\/strong>Element, wie z.B. Navigationsbeschriftungen.<\/li>\n\n<li>Gehen Sie zu <strong>Stil &gt;Inhalt <\/strong>um Schriftart, Gr\u00f6\u00dfe und Farbe f\u00fcr eine bessere Lesbarkeit anzupassen.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-1024x476.png\" alt=\"\" class=\"wp-image-4092\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-1024x476.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-600x279.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-300x139.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-768x357.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-1536x713.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-150x70.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400.png 1828w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\">Schritt 5: Speichern und Vorschau<\/h3><p>Einmal eingestellt, klicken Sie auf <strong>Speichern Sie<\/strong> um die Vorlage zu ver\u00f6ffentlichen. Zeigen Sie eine Vorschau an, um sicherzustellen, dass die Fu\u00dfzeile am unteren Rand bleibt und alle Links korrekt funktionieren.<\/p><h3 class=\"wp-block-heading\">Zusammenfassung<\/h3><p>Wenn Sie in Elementor eine Sticky Footer-Navigation erstellen, bleiben wichtige Links beim Scrollen erreichbar, was die Benutzerfreundlichkeit verbessert, insbesondere auf mobilen Ger\u00e4ten. Das Einrichten einer Fu\u00dfzeilenvorlage im Theme Builder sorgt f\u00fcr ein einheitliches Design auf allen Seiten. Das Hinzuf\u00fcgen von Navigationselementen wie Home, Warenkorb, Mein Konto und Suchsymbole in strukturierten Spalten erm\u00f6glicht einen einfachen Zugriff auf die wichtigsten Seiten. Durch die Anpassung des Layouts, die Anpassung der Symbolstile und die Aktivierung des Sticky-Effekts bleibt die Fu\u00dfzeile f\u00fcr die Benutzer beim Navigieren sichtbar. Nachdem Sie diese Schritte durchgef\u00fchrt haben, k\u00f6nnen Sie die Vorlage speichern und in der Vorschau anzeigen, um zu sehen, ob die Fu\u00dfzeile reibungslos funktioniert und ein koh\u00e4rentes und benutzerfreundliches Design auf Ihrer gesamten Website gew\u00e4hrleistet ist.<\/p>","protected":false},"excerpt":{"rendered":"<p>Die Erstellung einer Sticky Footer Navigation in Elementor kann die Benutzerfreundlichkeit verbessern, indem wichtige Navigationslinks beim Scrollen zug\u00e4nglich bleiben, insbesondere auf mobilen Ger\u00e4ten. Hier ist eine...<\/p>","protected":false},"author":10,"featured_media":4095,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[61,57],"tags":[354,353],"class_list":["post-4074","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugin-usage-and-recommendation","category-plugins-theme","tag-elementor-pro-tips","tag-sticky-footer-navigation",""],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/posts\/4074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/comments?post=4074"}],"version-history":[{"count":2,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/posts\/4074\/revisions"}],"predecessor-version":[{"id":4100,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/posts\/4074\/revisions\/4100"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/media\/4095"}],"wp:attachment":[{"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/media?parent=4074"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/categories?post=4074"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/tags?post=4074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}