{"id":163845,"date":"2026-02-23T18:22:45","date_gmt":"2026-02-23T16:22:45","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=163845"},"modified":"2026-02-23T18:22:45","modified_gmt":"2026-02-23T16:22:45","slug":"how-to-fix-a-missing-header-or-footer-in-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/how-to-fix-a-missing-header-or-footer-in-elementor\/","title":{"rendered":"How to fix a missing header or footer in Elementor?"},"content":{"rendered":"\n

To fix a missing header or footer in Elementor, navigate to the Theme Builder and verify that Display Conditions are set properly. Ensure your Page Layout is set to “Default” rather than “Canvas,” confirm the template is “Published,” and use the “Clear Files & Data” tool in Elementor settings to clear any persistent cache.<\/p>\n\n\n\n

The Issue<\/h2>\n\n\n\n

You created a custom header or footer using the Theme Builder, and it appears correctly in the Elementor editor. However, when viewing your live website, the theme\u2019s default header appears instead, or the section is missing.<\/p>\n\n\n\n

This is usually caused by display conditions, layout settings, publish status, or caching.<\/p>\n\n\n\n

Follow the steps below to identify and resolve the issue.<\/p>\n\n\n\n

How do I check the display conditions for Elementor templates?<\/h2>\n\n\n\n

If you haven’t assigned display conditions, the theme builder won’t know where to render your template. Follow these steps:<\/p>\n\n\n\n

    \n
  1. From WP Admin, navigate to Elementor>Theme Builder<\/strong>.
    \"Select<\/li>\n\n\n\n
  2. Click the header or footer template to open it.
    \"Select<\/li>\n\n\n\n
  3. Click Edit Conditions<\/strong>.<\/li>\n\n\n\n
  4. Edit the conditions to fit your site design. For details, see Set conditions for site part templates<\/a>.
    [callout type=”tip”]For a global header or footer, select Entire Site<\/strong>.[\/callout]<\/li>\n\n\n\n
  5. Click Save & Close<\/strong>.
    \"Screenshot:<\/li>\n<\/ol>\n\n\n\n

    Why is my header missing on only one specific page?<\/h2>\n\n\n\n

    The page layout setting often overrides the global header and footer. If a page uses the “Canvas” layout, Elementor intentionally hides these elements.<\/p>\n\n\n\n

      \n
    1. Open the affected page in the Elementor editor.<\/li>\n\n\n\n
    2. Click the Page Settings icon in the top bar.
      \"\"<\/li>\n\n\n\n
    3. Locate the Page Layout<\/strong> dropdown.<\/li>\n\n\n\n
    4. If it is set to Elementor Canvas<\/strong>, change it to Elementor Full Width<\/strong> or Default<\/strong>.
      \"Screenshot:<\/li>\n<\/ol>\n\n\n\n

      Is my Elementor template currently published?<\/h2>\n\n\n\n

      A template saved as a Draft<\/strong> or Private<\/strong> will not appear on the live front-end of your website.<\/p>\n\n\n\n

      To verify the publish status:<\/p>\n\n\n\n

        \n
      1. Open the header or footer template in the editor.<\/li>\n\n\n\n
      2. Check the Publish<\/strong> button in the right of the top bar.
        \"Elementor<\/li>\n\n\n\n
      3. If the button displays Publish<\/strong> in pink, your template is currently a draft; click it to go live.<\/li>\n\n\n\n
      4. If the button displays Update<\/strong>, or is grayed out the template is already published.<\/li>\n<\/ol>\n\n\n\n

        How do I check responsive visibility for headers and footers?<\/h2>\n\n\n\n

        If your header is visible on desktop but missing on mobile, it may be hidden via responsive controls.<\/p>\n\n\n\n

          \n
        1. In the editor, select the container of the header or footer.
          \"Select<\/li>\n\n\n\n
        2. Click the Advanced<\/strong> tab in the left panel.
          \"The<\/li>\n\n\n\n
        3. Expand the Responsive<\/strong> section.
          \"Open<\/li>\n\n\n\n
        4. Ensure that Hide on Desktop<\/strong>, Hide on Tablet<\/strong>, and Hide on Mobile<\/strong> are not enabled.
          \"Section<\/li>\n<\/ol>\n\n\n\n

          How do I clear the cache to show my new header?<\/h2>\n\n\n\n

          Caching can prevent new changes from appearing on the live site. You must manually regenerate the CSS files.<\/p>\n\n\n\n

            \n
          1. From WP Admin, navigate to Elementor>Editor>Tools<\/strong>.
            \"\"<\/li>\n\n\n\n
          2. Under Elementor Cache<\/strong>, click Clear Files & Data<\/strong>.
            \"The<\/li>\n<\/ol>\n\n\n\n

            You can also:<\/p>\n\n\n\n