{"id":128004,"date":"2024-05-30T11:33:35","date_gmt":"2024-05-30T15:33:35","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=128004"},"modified":"2024-06-05T23:45:15","modified_gmt":"2024-06-06T03:45:15","slug":"elementor-header-footer","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/","title":{"rendered":"Customize Your Website With the Elementor Header and Footer Builder"},"content":{"rendered":"
\"\"<\/figure>\n\n\n\n

Your website\u2019s header can be the most important feature. It\u2019s the first thing your visitors see, provides the primary source of navigation, and presents the most crucial calls-to-action for your success.\u00a0<\/p>\n\n\n\n

However, in WordPress, the header is typically controlled by the theme, and often doesn\u2019t have many ways to customize it to your specific needs. Web designers are stuck between the options of using the theme\u2019s built-in customization options, or creating a child theme and coding your own header using PHP.\u00a0<\/p>\n\n\n\n

Modern \u201cBlock\u201d themes let you use the WordPress Editor to customize your header and footer, but for classic WordPress themes, there\u2019s still a need for more control. That\u2019s where the Elementor Header & Footer Builder comes in.<\/p>\n\n\n\n

Elementor is a resource-intensive, but powerful WordPress tool. We recommend using a WordPress VPS<\/a> to take full advantage of its features.<\/p>\n\n\n\n

Elementor Users Have a Better Choice<\/h2>\n\n\n\n

If you already use Elementor as a page builder, this free add-on plugin will allow you to use the page builder you\u2019re familiar with to build your header. Even if you don\u2019t already use Elementor, you can still take advantage of this because Elementor lets you choose which editor to use on your pages and posts.<\/p>\n\n\n\n

Not only can you fully customize your header and footer, but you can also use its tools to choose when to display your custom header. For example, you can show a different header to logged-in users, choose a specific header for any page, or choose to display a different header on your home page than internal pages.<\/p>\n\n\n\n

Installing Elementor Header & Footer Builder<\/h3>\n\n\n\n
    \n
  1. If you don\u2019t already have it, make sure that the Elementor <\/a>plugin<\/a> is installed on your site.<\/li>\n\n\n\n
  2. Navigate to Plugins -> Add New<\/strong> and search for \u201cElementor Header and Footer Builder\u201d
    \"screenshot<\/li>\n\n\n\n
  3. Click Install<\/strong>, then Activate<\/strong><\/li>\n<\/ol>\n\n\n\n

    Building Your First Header<\/h3>\n\n\n\n
      \n
    1. Navigate to Appearance -> Elementor Header & Footer Builder<\/strong><\/li>\n\n\n\n
    2. Click Add New<\/strong><\/li>\n\n\n\n
    3. Here you\u2019ll find the options for your new header. Choose the Type of Template<\/strong> and Display On <\/strong>options
      \"screenshot<\/li>\n\n\n\n
    4. Click Edit with Elementor<\/strong> to begin designing.<\/li>\n<\/ol>\n\n\n\n

      You\u2019ll find that there are several new widgets to use to build your header, including Site Logo, Navigation, Page Title, and more.<\/p>\n\n\n\n

      \"screenshot<\/p>\n\n\n\n

      Use Responsive Mode to Adjust for Mobile Devices<\/h3>\n\n\n\n

      Enable the Reponsive Mode<\/strong> so that you can ensure your header works properly on mobile devices.<\/p>\n\n\n\n

      \"screenshot<\/p>\n\n\n\n

      Learn More<\/h3>\n\n\n\n

      To learn more about using the Elementor Header & Footer Builder plugin, check out their documentation<\/a> and Support Forum<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Your website\u2019s header can be the most important feature. It\u2019s the first thing your visitors see, provides the primary source of navigation, and presents the most crucial calls-to-action for your success.\u00a0 However, in WordPress, the header is typically controlled by the theme, and often doesn\u2019t have many ways to customize it to your specific needs. Read More ><\/a><\/p>\n","protected":false},"author":57020,"featured_media":128014,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4379],"tags":[],"class_list":["post-128004","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins"],"acf":[],"yoast_head":"\nCustomize Your Website With the Elementor Header and Footer Builder | InMotion Hosting<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customize Your Website With the Elementor Header and Footer Builder | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Your website\u2019s header can be the most important feature. It\u2019s the first thing your visitors see, provides the primary source of navigation, and presents the most crucial calls-to-action for your success.\u00a0 However, in WordPress, the header is typically controlled by the theme, and often doesn\u2019t have many ways to customize it to your specific needs. Read More >\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-30T15:33:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-06T03:45:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2024\/05\/elementor-header-footer.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jesse Owens\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jesse Owens\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/\"},\"author\":{\"name\":\"Jesse Owens\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/db97af6358b0c1726e01e49180e5f71c\"},\"headline\":\"Customize Your Website With the Elementor Header and Footer Builder\",\"datePublished\":\"2024-05-30T15:33:35+00:00\",\"dateModified\":\"2024-06-06T03:45:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/\"},\"wordCount\":432,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2024\/05\/elementor-header-footer.png\",\"articleSection\":[\"WordPress Plugins\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/\",\"name\":\"Customize Your Website With the Elementor Header and Footer Builder | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2024\/05\/elementor-header-footer.png\",\"datePublished\":\"2024-05-30T15:33:35+00:00\",\"dateModified\":\"2024-06-06T03:45:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2024\/05\/elementor-header-footer.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2024\/05\/elementor-header-footer.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Customize Your Website With the Elementor Header and Footer Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/db97af6358b0c1726e01e49180e5f71c\",\"name\":\"Jesse Owens\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/jesseo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Customize Your Website With the Elementor Header and Footer Builder | InMotion Hosting","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:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/","og_locale":"en_US","og_type":"article","og_title":"Customize Your Website With the Elementor Header and Footer Builder | InMotion Hosting","og_description":"Your website\u2019s header can be the most important feature. It\u2019s the first thing your visitors see, provides the primary source of navigation, and presents the most crucial calls-to-action for your success.\u00a0 However, in WordPress, the header is typically controlled by the theme, and often doesn\u2019t have many ways to customize it to your specific needs. Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2024-05-30T15:33:35+00:00","article_modified_time":"2024-06-06T03:45:15+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2024\/05\/elementor-header-footer.png","type":"image\/png"}],"author":"Jesse Owens","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Jesse Owens","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/"},"author":{"name":"Jesse Owens","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/db97af6358b0c1726e01e49180e5f71c"},"headline":"Customize Your Website With the Elementor Header and Footer Builder","datePublished":"2024-05-30T15:33:35+00:00","dateModified":"2024-06-06T03:45:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/"},"wordCount":432,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2024\/05\/elementor-header-footer.png","articleSection":["WordPress Plugins"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/","name":"Customize Your Website With the Elementor Header and Footer Builder | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2024\/05\/elementor-header-footer.png","datePublished":"2024-05-30T15:33:35+00:00","dateModified":"2024-06-06T03:45:15+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2024\/05\/elementor-header-footer.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2024\/05\/elementor-header-footer.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/elementor-header-footer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Customize Your Website With the Elementor Header and Footer Builder"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/db97af6358b0c1726e01e49180e5f71c","name":"Jesse Owens","url":"https:\/\/www.inmotionhosting.com\/support\/author\/jesseo\/"}]}},"jetpack_featured_media_url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2024\/05\/elementor-header-footer.png","jetpack_sharing_enabled":true,"primary_category":{"id":4379,"name":"WordPress Plugins","slug":"plugins","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/128004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/57020"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=128004"}],"version-history":[{"count":4,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/128004\/revisions"}],"predecessor-version":[{"id":128091,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/128004\/revisions\/128091"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media\/128014"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=128004"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=128004"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=128004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}