{"id":77791,"date":"2021-10-03T09:42:01","date_gmt":"2021-10-03T09:42:01","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=77791"},"modified":"2025-12-02T07:32:19","modified_gmt":"2025-12-02T05:32:19","slug":"elementor-footer-design","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/elementor-footer-design\/","title":{"rendered":"Exploring Footer Design With Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"77791\" class=\"elementor elementor-77791\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-63983c6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"63983c6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-927ad9d\" data-id=\"927ad9d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7dcc711 elementor-widget elementor-widget-text-editor\" data-id=\"7dcc711\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As web designers, we spend so much time pushing pixels around above the fold on late-night, caffeine-fueled searches for that epiphany moment where you strike the perfect balance between usability and design. But what if that moment doesn&#8217;t come? What do you do if you&#8217;re stuck with your design? I&#8217;ve been there, and I&#8217;ve come up with a hack to get your design flowing &#8211; <em>start at the bottom.<\/em><\/p><p>Behold the mighty footer. Despite resting at the end of your page, sometimes thousands of pixels out of view, the footer is not the end of your user experience. It&#8217;s your chance to leave an impression.\u00a0<\/p><p>Footers of the past were dumping grounds for miscellaneous links, but a solid footer is a gateway to further engagement. It can tell a brand&#8217;s story, create brand trust, and can often make the difference as to whether users engage with your CTA&#8217;s or delve deeper into your website.<\/p><p>A good footer contains well-designed and carefully considered components, and getting it right can provide a strong foundation and hierarchy from which to design the rest of your website. Users look for footers, and no footer is too far away. Here are my tips for designing a killer footer with Elementor.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1a36811d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1a36811d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7311654b\" data-id=\"7311654b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ccea7d5 elementor-align-center elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"ccea7d5\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/elementor.com\/blog\/website-header-design\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Website Header Design in 2021: Examples &amp; Best Practices<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-22d50c6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"22d50c6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c0e12ec\" data-id=\"c0e12ec\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a7d5fe9 blog-toc elementor-widget elementor-widget-heading\" data-id=\"a7d5fe9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Table Of Contents<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bf90c9 blog-toc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"9bf90c9\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#provide-the-essentials\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Provide the Essentials and Avoid Frustration<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#get-on-brand\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Get on Brand<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#spend-time\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Spend Time on the Layout and Enhance the Elements<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#grow-your-kit-collection\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Grow Your Kit Collection, Save Time Later<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#final-thoughts\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Final Thoughts<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7700839 elementor-widget elementor-widget-menu-anchor\" data-id=\"7700839\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"provide-the-essentials\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a943564 elementor-widget elementor-widget-heading\" data-id=\"a943564\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Provide the Essentials and Avoid Frustration<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9825e6 elementor-widget elementor-widget-text-editor\" data-id=\"b9825e6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Scrolling to the bottom of a site to find essential links is a design pattern we&#8217;ve all been taught. Yet often, we scroll to the end of a beautiful website to see a footer missing things we&#8217;re instinctively looking for. Make sure you include the following widgets in your footer:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a96ef4 elementor-widget elementor-widget-heading\" data-id=\"9a96ef4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Social Links\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90db6cc elementor-widget elementor-widget-text-editor\" data-id=\"90db6cc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Yes, we need them! If I can\u2019t find them in the header, I\u2019m going straight to the footer. You\u2019re with me, right?<\/p><ul><li>Use the social icons widget, but mix it up and use text links or add an Instagram feed directly in the footer.<\/li><li>Instead of using just one social widget, why not duplicate it for each icon, set its position to inline, and animate each one. Tassssty!<\/li><\/ul><p>You don\u2019t have to just slap these in a column \u2014 you could use absolute positioning to have them floating on your footer or even create them as a popup that appears as you scroll the website.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d4e215 elementor-widget elementor-widget-video\" data-id=\"2d4e215\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/marketing\/wp-content\/uploads\/sites\/9\/2021\/10\/social-icon-widget-in-footer.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-434c42c elementor-widget elementor-widget-heading\" data-id=\"434c42c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Navigation<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af6fdea elementor-widget elementor-widget-text-editor\" data-id=\"af6fdea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Take people where they NEED to go. It could be your last chance.<\/p><ul><li>Make your menus short, clear and easy to understand.<\/li><li>Provide useful links, for example: if you\u2019ve got a shop or a membership site, include links to account management, orders, help, resources, etc.<\/li><li>If you\u2019ve got lot\u2019s of menus to include, balance them out with alternative column widths and additional widgets like Account Icons.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff16546 elementor-widget elementor-widget-image\" data-id=\"ff16546\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"608\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=608\/blog\/wp-content\/uploads\/2021\/10\/footer-navigation-1024x778.jpg\" class=\"attachment-large size-large wp-image-77801\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/10\/footer-navigation-1024x778.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/10\/footer-navigation-300x228.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/10\/footer-navigation-768x583.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/10\/footer-navigation-1536x1166.jpg 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2021\/10\/footer-navigation.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf7e922 elementor-widget elementor-widget-heading\" data-id=\"bf7e922\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Lead Gen or Sign-Up<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b76afa elementor-widget elementor-widget-text-editor\" data-id=\"2b76afa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>It\u2019s your time to holllllaaaaa! And visitors are expecting you to!<\/p><ul><li>If you\u2019re a brand and don\u2019t have a mailing list, you\u2019re doing it wrong. A footer is a great place to pop in a quick subscription form and we\u2019re used to finding it there. No need to annoy them with pop-ups!<\/li><li>If you don\u2019t have enough space for a chunky form try making it inline. Did you know that you can control the field and button width of Elementor forms? What a world.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cee86a elementor-widget elementor-widget-image\" data-id=\"0cee86a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"396\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=396\/blog\/wp-content\/uploads\/2021\/10\/footer-signup-1024x507.jpg\" class=\"attachment-large size-large wp-image-77802\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/10\/footer-signup-1024x507.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/10\/footer-signup-300x148.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/10\/footer-signup-768x380.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/10\/footer-signup-1536x760.jpg 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2021\/10\/footer-signup.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-181c2e7 elementor-widget elementor-widget-text-editor\" data-id=\"181c2e7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Make it engaging. Instead of your average \u201cthanks for signing up message\u201d, why not try using a pop with some creative copy. You can set your form to sign up to your mailing list and trigger a pop-up!<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7f5c0d elementor-widget elementor-widget-video\" data-id=\"a7f5c0d\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/marketing\/wp-content\/uploads\/sites\/9\/2021\/10\/creative-popup.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9077e0c elementor-widget elementor-widget-heading\" data-id=\"9077e0c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. No Surprises<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5c01f2 elementor-widget elementor-widget-text-editor\" data-id=\"a5c01f2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">We\u2019re creatures of habit, and when we want answers, we\u2019re scrolling straight to the bottom!<\/span><span style=\"font-weight: 400\"><br \/><\/span><\/p><ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Contact information, privacy policies, terms, shipping rules\u2026.just a few of the things we expect to find in a footer. Experiment with navigation layouts to balance out all of this important information. If things are feeling text-heavy, introduce some graphic elements or some more space. <\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10d9aa4 elementor-widget elementor-widget-image\" data-id=\"10d9aa4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"470\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=470\/blog\/wp-content\/uploads\/2021\/10\/slanted-1024x601.jpg\" class=\"attachment-large size-large wp-image-77804\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/10\/slanted-1024x601.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/10\/slanted-300x176.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/10\/slanted-768x450.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/10\/slanted-1536x901.jpg 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2021\/10\/slanted.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f21f088 elementor-widget elementor-widget-text-editor\" data-id=\"f21f088\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>With your copyright, you better be using the Dynamic Year feature on your heading! This way you don\u2019t have to update the year&#8230;every year. Use the Before &amp; After options to append words to the year.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc367c7 elementor-widget elementor-widget-image\" data-id=\"dc367c7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"457\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=457\/blog\/wp-content\/uploads\/2021\/10\/basic-footer-1024x585.jpg\" class=\"attachment-large size-large wp-image-77805\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/10\/basic-footer-1024x585.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/10\/basic-footer-300x171.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/10\/basic-footer-768x438.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/10\/basic-footer-1536x877.jpg 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2021\/10\/basic-footer.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8de3d20 elementor-widget elementor-widget-menu-anchor\" data-id=\"8de3d20\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"get-on-brand\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e94f7f elementor-widget elementor-widget-heading\" data-id=\"5e94f7f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get on Brand<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f97c78 elementor-widget elementor-widget-text-editor\" data-id=\"0f97c78\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You&#8217;ve heard this before, all brands have a voice and if you didn&#8217;t hum a lyric or burst out in song..I&#8217;m a little disappointed in you. Hopefully your footer has a bit more personality! The footer could be your last chance to communicate your brand message. It doesn\u2019t have to be <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/text-bold\/\"   title=\"bold\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"6910\">bold<\/a>; sometimes, less is more. But don&#8217;t dial it in.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c1c318 elementor-widget elementor-widget-heading\" data-id=\"5c1c318\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Include a Logo or Brand Elements<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-358582c elementor-widget elementor-widget-text-editor\" data-id=\"358582c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Doiiiii, right? You&#8217;d be surprised! So many footers I&#8217;ve come across when rebuilding websites have missed the mark when it comes to showing off a brand&#8217;s logo or branding elements.<\/p><ul><li>Experiment with inline positioning to put your logo in nonstandard locations in your footer. Balance is everything, and sometimes a logo on the left just doesn&#8217;t cut it.\u00a0<\/li><li>Apply subtle motion effects to your brand elements, such as a slide-in from the top or sink-on hover for a more \u201chigh-end\u201d experience. Go easy here, excessive motion effects can quickly turn your beautiful cascade into a landslide.<\/li><li>If you&#8217;re feeling creative, why not try adding in a lottie animated logo or some text? Or even the text on svg path widget with your brand\u2019s tagline?<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dac7a8d elementor-widget elementor-widget-video\" data-id=\"dac7a8d\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/marketing\/wp-content\/uploads\/sites\/9\/2021\/10\/lottie-animated-text-in-footer.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb37986 elementor-widget elementor-widget-heading\" data-id=\"eb37986\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Include a Brand Message<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a025794 elementor-widget elementor-widget-text-editor\" data-id=\"a025794\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>I can\u2019t explain the joy I feel when I get to a footer and stumble across some witty copy or a captivating CTA.<\/p><ul><li>A short, funny, engaging, to-the-point summation of what you\u2019re all about is sometimes just what your user needs to make that next click. Remind them why they\u2019ve stayed to the end. We connect more with human brands, so include a human, authentic message.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3a09df elementor-widget elementor-widget-image\" data-id=\"b3a09df\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"509\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=509\/blog\/wp-content\/uploads\/2021\/10\/brand-voice-1024x651.jpg\" class=\"attachment-large size-large wp-image-77807\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/10\/brand-voice-1024x651.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/10\/brand-voice-300x191.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/10\/brand-voice-768x488.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/10\/brand-voice-1536x976.jpg 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2021\/10\/brand-voice.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32dd2e4 elementor-widget elementor-widget-heading\" data-id=\"32dd2e4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Choose Your Colors Wisely<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3d0ccc elementor-widget elementor-widget-text-editor\" data-id=\"e3d0ccc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Since we\u2019re designing from the footer up, take your brand&#8217;s strongest color and start there. It\u2019s all about balance.<\/p><ul><li>Generally, you want your footer to be distinguishable from the rest of your website. I prefer a darker footer as they are easier to balance out, but if you want to keep it light, consider using a subtle border or a dark CTA to separate your footer from your content. If you want it to blend, you\u2019re going to need lots of white space!<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-501c210 elementor-widget elementor-widget-image\" data-id=\"501c210\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"377\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=377\/blog\/wp-content\/uploads\/2021\/10\/dark-footer-1024x483.jpg\" class=\"attachment-large size-large wp-image-77808\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/10\/dark-footer-1024x483.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/10\/dark-footer-300x142.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/10\/dark-footer-768x362.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/10\/dark-footer-1536x725.jpg 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2021\/10\/dark-footer.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6267e9a elementor-widget elementor-widget-text-editor\" data-id=\"6267e9a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Sometimes your footer might feel flat, so experiment with some texture using background overlays or break up sections using borders. You could also add some flare using a looping gif as your background image; just be careful not to overdo it.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc13fb1 elementor-widget elementor-widget-image\" data-id=\"bc13fb1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"260\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=260\/blog\/wp-content\/uploads\/2021\/10\/pattern-1024x333.jpg\" class=\"attachment-large size-large wp-image-77809\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/10\/pattern-1024x333.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/10\/pattern-300x98.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/10\/pattern-768x250.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/10\/pattern-1536x500.jpg 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2021\/10\/pattern.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a874a9f elementor-widget elementor-widget-menu-anchor\" data-id=\"a874a9f\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"spend-time\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98cf889 elementor-widget elementor-widget-heading\" data-id=\"98cf889\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Spend Time on the Layout and Enhance the Elements<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d554cd5 elementor-widget elementor-widget-text-editor\" data-id=\"d554cd5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you\u2019ve put all your elements in a section or two, it\u2019s time to knuckle down and give each element some love, starting with your layout. We\u2019re building a foundation for the rest of your website design, so getting it right here will make the rest easy.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-392d801 elementor-widget elementor-widget-heading\" data-id=\"392d801\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Be Creative With Your Sections\/Column Layouts<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-524cb97 elementor-widget elementor-widget-text-editor\" data-id=\"524cb97\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Are you still building footers like you\u2019re using a theme with 3 or 4 columns? Stop right now! You can literally create unlimited layouts with Elementor.<\/p><ul><li>Experiment with inner sections or use plugins that enable flexbox to create unique column layouts. Remember you can align elements within each column. The only limit is your imagination here.<\/li><li>Go full width; you might like it! If you\u2019re worried about padding, stick to 20-40px, its a nice safe range.<\/li><li>If things are feeling a little boring, consider adding subtle hover effects to columns or buttons. You can do a lot with the background overlay option.<\/li><li>Remember your spacing! Elements need space to breathe. This is the foundation of all design. I generally like to ensure there is at least 40px between columns.<\/li><li>Got an important CTA? Why not add it as a sticky section to the bottom of your site?<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-775f6c3 elementor-widget elementor-widget-image\" data-id=\"775f6c3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"438\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=438\/blog\/wp-content\/uploads\/2021\/10\/fusion-1024x560.jpg\" class=\"attachment-large size-large wp-image-77810\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/10\/fusion-1024x560.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/10\/fusion-300x164.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/10\/fusion-768x420.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/10\/fusion-1536x840.jpg 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2021\/10\/fusion.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77a73ca elementor-widget elementor-widget-heading\" data-id=\"77a73ca\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Master Inline and Custom Width on Your Widgets<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef1193d elementor-widget elementor-widget-text-editor\" data-id=\"ef1193d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>I\u2019ve mentioned it a few times already, and I\u2019ll mention it again because this literally changed my life. Hit that advanced tab and head on down to the positioning options, you won\u2019t regret it.<\/p><ul><li>Don\u2019t just stack your widgets. We\u2019re not playing Tetris. By enabling custom positioning, you can control the width of widgets, allowing them to sit together within your columns. Add some padding to balance them out.<\/li><li>Want to pop a line between some elements that are inline? A quick cheat is to give one of the icons padding and margin on one side, and then set a border on the same side! Hey presto, you have a line between two inline objects.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4299afb elementor-widget elementor-widget-image\" data-id=\"4299afb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"629\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=629\/blog\/wp-content\/uploads\/2021\/10\/form-footer-1024x805.jpg\" class=\"attachment-large size-large wp-image-77812\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/10\/form-footer-1024x805.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/10\/form-footer-300x236.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/10\/form-footer-768x604.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/10\/form-footer-1536x1208.jpg 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2021\/10\/form-footer.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c2cff0 elementor-widget elementor-widget-heading\" data-id=\"2c2cff0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Push Yourself<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-313a98b elementor-widget elementor-widget-text-editor\" data-id=\"313a98b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>It&#8217;s easy to fall into some patterns when designing, especially if you&#8217;re churning out websites like a Norwegian dairy farmer. Snap out of them.<\/p><ul><li>Push yourself! You&#8217;ve come this far. If you&#8217;re getting stuck, look for some inspiration on sites like awwwards or dribble.<\/li><li>Google is your friend. There are heaps of snippets of code or tutorials on youtube that can teach you how to take things to the next level. Such as creating a Reveal Footer Effect, a scrolling text marquee, <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\"   title=\"css\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"4469\">css<\/a> to span in alternative font styles. If you&#8217;ve seen it somewhere, look it up!<\/li><\/ul><p>It&#8217;s up to you to keep learning and using the resources we have available. No excuses fam!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c1fde0 elementor-widget elementor-widget-image\" data-id=\"1c1fde0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"525\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=525\/blog\/wp-content\/uploads\/2021\/10\/creative-1024x672.jpg\" class=\"attachment-large size-large wp-image-77813\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/10\/creative-1024x672.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/10\/creative-300x197.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/10\/creative-768x504.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/10\/creative-1536x1008.jpg 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2021\/10\/creative.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd7c29a elementor-widget elementor-widget-heading\" data-id=\"fd7c29a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Responsive Responsive Responsive<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17fcd5a elementor-widget elementor-widget-text-editor\" data-id=\"17fcd5a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>99% of my footers look good on mobile. Can you say the same? Let&#8217;s make that a yes.<\/p><ul><li>Make sure once you\u2019ve nailed your desktop footer design, you pop it down into <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/responsive-website\/\"   title=\"responsive\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"7363\">responsive<\/a> mode and check on the following:<ol><li>Is there equal and enough padding on your footer section<\/li><li>Is there nice spacing between your stacked columns and widgets<\/li><li>Are your headings readable and clear<\/li><li>Are your menus still nice, or do you need to make an alternative mobile menu?<\/li><li>Do you need to hide columns or widgets to keep the design balanced on mobile?<\/li><li>Are your forms and popups working responsively too?<\/li><\/ol><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-324107a elementor-widget elementor-widget-image\" data-id=\"324107a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"258\" height=\"1024\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=258,h=1024\/blog\/wp-content\/uploads\/2021\/10\/responsive-footer-258x1024.jpg\" class=\"attachment-large size-large wp-image-77814\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=258\/blog\/wp-content\/uploads\/2021\/10\/responsive-footer-258x1024.jpg 258w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=387\/blog\/wp-content\/uploads\/2021\/10\/responsive-footer-387x1536.jpg 387w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=477\/blog\/wp-content\/uploads\/2021\/10\/responsive-footer.jpg 477w\" sizes=\"(max-width: 258px) 100vw, 258px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-445724b elementor-widget elementor-widget-menu-anchor\" data-id=\"445724b\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"grow-your-kit-collection\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00cf346 elementor-widget elementor-widget-heading\" data-id=\"00cf346\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Grow Your Kit Collection, Save Time Later<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-970638e elementor-widget elementor-widget-text-editor\" data-id=\"970638e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now that you have an amazing, well-balanced, on-brand, engaging footer, tell me that designing above the fold hasn&#8217;t gotten easier! But before you show off to your client or close the books on this design, save it as a <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\"   title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"25114\">template<\/a> and export it using Elementor&#8217;s Template Kit export feature.<\/p><p>The next time you\u2019re stuck on a design, you can dive into your kits collection and import a template to rework to make another solid foundation.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5332907 elementor-widget elementor-widget-menu-anchor\" data-id=\"5332907\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"final-thoughts\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-190ef3c elementor-widget elementor-widget-heading\" data-id=\"190ef3c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Final Thoughts<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f4aafe elementor-widget elementor-widget-text-editor\" data-id=\"9f4aafe\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>So elementor fam, the next time you\u2019re stuck on a design or finding nailing the balance impossible on your next project, why not try building from the bottom up? Pop the above the fold design to the side for a moment, pull out the foot spa and give some attention to your website footer. If you can make all those important elements work in a structured space, the rest of the design is going to be easy! Trust me, your resident footer fetishist.<\/p><p>Want to talk about all things design with Zoe? Click <a href=\"https:\/\/elemn.to\/zoe\" target=\"_blank\" rel=\"noopener\">here<\/a> to learn more about footers or the various design services that she offers<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d29791 elementor-widget elementor-widget-heading\" data-id=\"5d29791\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Share Your Insights and Build Your Brand via the Experts Corner<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dfaa66 elementor-widget elementor-widget-text-editor\" data-id=\"9dfaa66\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The Experts Corner is a platform that enables you to write an article about your personal experience and expertise in a particular discipline (i.e. web design, building a successful business, etc), which will be published on the Elementor blog and all of the Elementor social media channels.\u00a0<\/p><p>This is an excellent opportunity to build your brand, cement your reputation as a thought leader, and discover potential business opportunities.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Discover how moving the footer to the top of your to-do list can make designing a website a whole lot easier.<\/p>\n","protected":false},"author":13500,"featured_media":77831,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17,32],"tags":[191],"marketing_persona":[47],"marketing_intent":[49],"class_list":["post-77791","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiration","category-design","tag-experts-network"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Exploring Footer Design With Elementor<\/title>\n<meta name=\"description\" content=\"Discover how moving the footer to the top of your to-do list can make designing a website a whole lot easier.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/elementor-footer-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Exploring Footer Design With Elementor\" \/>\n<meta property=\"og:description\" content=\"Discover how moving the footer to the top of your to-do list can make designing a website a whole lot easier.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/elementor-footer-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-03T09:42:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-02T05:32:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/10\/Expert-Corner-Blog.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Zoe Tame\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Zoe Tame\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-footer-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-footer-design\/\"},\"author\":{\"name\":\"Zoe Tame\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/b0ce9b4f014a144e6d5fdfc89ab82b9a\"},\"headline\":\"Exploring Footer Design With Elementor\",\"datePublished\":\"2021-10-03T09:42:01+00:00\",\"dateModified\":\"2025-12-02T05:32:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-footer-design\/\"},\"wordCount\":2008,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-footer-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/10\/Expert-Corner-Blog.png\",\"keywords\":[\"Experts Network\"],\"articleSection\":[\"Inspiration\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/elementor-footer-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-footer-design\/\",\"url\":\"https:\/\/elementor.com\/blog\/elementor-footer-design\/\",\"name\":\"Exploring Footer Design With Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-footer-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-footer-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/10\/Expert-Corner-Blog.png\",\"datePublished\":\"2021-10-03T09:42:01+00:00\",\"dateModified\":\"2025-12-02T05:32:19+00:00\",\"description\":\"Discover how moving the footer to the top of your to-do list can make designing a website a whole lot easier.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-footer-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/elementor-footer-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-footer-design\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/10\/Expert-Corner-Blog.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/10\/Expert-Corner-Blog.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-footer-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\/\/elementor.com\/blog\/category\/design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Exploring Footer Design With Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/b0ce9b4f014a144e6d5fdfc89ab82b9a\",\"name\":\"Zoe Tame\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b50a8c00a4278ff641f27d789149400e72d287f479aafdba5645cf4a34745b49?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b50a8c00a4278ff641f27d789149400e72d287f479aafdba5645cf4a34745b49?s=96&d=mm&r=g\",\"caption\":\"Zoe Tame\"},\"description\":\"Zoe is a coffee-addicted front-end designer on a mission to help beginners get to the next level. She\u2019s got a penchant for clean designs and helping older people with their shopping.\",\"sameAs\":[\"http:\/\/visualtonic.com.au\"],\"url\":\"https:\/\/elementor.com\/blog\/author\/ladydekade\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Exploring Footer Design With Elementor","description":"Discover how moving the footer to the top of your to-do list can make designing a website a whole lot easier.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/elementor-footer-design\/","og_locale":"en_US","og_type":"article","og_title":"Exploring Footer Design With Elementor","og_description":"Discover how moving the footer to the top of your to-do list can make designing a website a whole lot easier.","og_url":"https:\/\/elementor.com\/blog\/elementor-footer-design\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2021-10-03T09:42:01+00:00","article_modified_time":"2025-12-02T05:32:19+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/10\/Expert-Corner-Blog.png","type":"image\/png"}],"author":"Zoe Tame","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Zoe Tame","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/elementor-footer-design\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/elementor-footer-design\/"},"author":{"name":"Zoe Tame","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/b0ce9b4f014a144e6d5fdfc89ab82b9a"},"headline":"Exploring Footer Design With Elementor","datePublished":"2021-10-03T09:42:01+00:00","dateModified":"2025-12-02T05:32:19+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/elementor-footer-design\/"},"wordCount":2008,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/elementor-footer-design\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/10\/Expert-Corner-Blog.png","keywords":["Experts Network"],"articleSection":["Inspiration","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/elementor-footer-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/elementor-footer-design\/","url":"https:\/\/elementor.com\/blog\/elementor-footer-design\/","name":"Exploring Footer Design With Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/elementor-footer-design\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/elementor-footer-design\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/10\/Expert-Corner-Blog.png","datePublished":"2021-10-03T09:42:01+00:00","dateModified":"2025-12-02T05:32:19+00:00","description":"Discover how moving the footer to the top of your to-do list can make designing a website a whole lot easier.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/elementor-footer-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/elementor-footer-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/elementor-footer-design\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/10\/Expert-Corner-Blog.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/10\/Expert-Corner-Blog.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/elementor-footer-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/elementor.com\/blog\/category\/design\/"},{"@type":"ListItem","position":3,"name":"Exploring Footer Design With Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/b0ce9b4f014a144e6d5fdfc89ab82b9a","name":"Zoe Tame","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b50a8c00a4278ff641f27d789149400e72d287f479aafdba5645cf4a34745b49?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b50a8c00a4278ff641f27d789149400e72d287f479aafdba5645cf4a34745b49?s=96&d=mm&r=g","caption":"Zoe Tame"},"description":"Zoe is a coffee-addicted front-end designer on a mission to help beginners get to the next level. She\u2019s got a penchant for clean designs and helping older people with their shopping.","sameAs":["http:\/\/visualtonic.com.au"],"url":"https:\/\/elementor.com\/blog\/author\/ladydekade\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/77791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/13500"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=77791"}],"version-history":[{"count":8,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/77791\/revisions"}],"predecessor-version":[{"id":146279,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/77791\/revisions\/146279"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/77831"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=77791"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=77791"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=77791"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=77791"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=77791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}