{"id":10370,"date":"2023-05-30T10:29:46","date_gmt":"2023-05-30T10:29:46","guid":{"rendered":"https:\/\/elementor.com\/academy\/?page_id=10370"},"modified":"2023-06-07T09:43:13","modified_gmt":"2023-06-07T09:43:13","slug":"header-and-footer","status":"publish","type":"page","link":"https:\/\/elementor.com\/academy\/header-and-footer\/","title":{"rendered":"Header and Footer"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Header and Footer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

If your kit includes a header and footer, they will be visible on multiple pages, but they are separate from the page’s actual content.
They are created using the Theme Builder and are part of other site parts. In this unit, you will learn how to access and edit them.
[simple_note] The site menu is usually located in the header. More information on editing the menu will be provided in the next unit. [\/simple_note]<\/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\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/path><\/path><\/g><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tYour Goal\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Edit your header and footer<\/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\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Website structure<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/rect><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/rect><\/path><\/path><\/path><\/path><\/mask><\/path><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<\/rect><\/path><\/path><\/path><\/path><\/mask><\/path><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tLearn about this topic <\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t
  1. A website is a combination of several features:<\/li>
  2. Pages<\/strong>: Display your site\u2019s fixed content<\/strong> (content that isn’t updated regularly), like the Homepage you’ve been editing. <\/li>
  3. Header and Footer<\/strong>: Appear at the top and bottom of pages. They\u2019re part of the theme, not the page’s content, and will usually appear on more than one page<\/strong>.
  4. Posts\/Products<\/strong>: Display content that updates regularly<\/strong>.
    They\u2019re created using a different method than Pages.
    Usually, they’re displayed on a special page. They\u2019re only relevant to kits with Blog (Posts) or Store (Products).
  5. 404 Page<\/strong>: This page displays if your site encounters an issue and informs the user that there\u2019s an issue.
    \"\" <\/li>
  6. Search Results<\/strong>: The page that shows the results of a search made by a site visitor.
    \"\"<\/li>
  7. Menu<\/strong>: Used to navigate the different pages of your site.
    \"\"<\/li>
  8. Popup<\/strong>: A page that appears under certain conditions set by you.
  9. You need to edit all the above features<\/strong> that are part of your kit.
    In this unit, we’ll review Header and Footer.
    Menu will be discussed in the ‘Navigation’ unit.
    404, search results, and popups will be discussed in the ‘Site Parts’ unit.<\/li><\/ol><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Site identity<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t<\/rect><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/rect><\/path><\/path><\/path><\/path><\/mask><\/path><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<\/rect><\/path><\/path><\/path><\/path><\/mask><\/path><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tLearn about this topic <\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t
    1. Site Identity<\/strong> includes your site\u2019s logo<\/strong>, favicon<\/strong>, name<\/strong>, and description<\/strong>.<\/li>
    2. To edit your site identity<\/strong>, go to the Editor \u2192 click the site settings icon \u2192 Site Settings.
    3. Once set, your site identity is used across your site<\/strong>.<\/li>
    4. Example<\/strong>: After uploading your logo, you can add a Site Logo widget (in many kits, you’ll find that this widget is already located in the header). The widget automatically displays the logo you upload in the Site Identity settings.
    5. This useful, time-saving method is called Dynamic Content<\/strong>. You set an item once; then, you can \u2018pull\u2019 this item from different places across your site.