> For the complete documentation index, see [llms.txt](https://script-and-theory.gitbook.io/hampton-bay-theme-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://script-and-theory.gitbook.io/hampton-bay-theme-docs/theme/header-and-footer-setup.md).

# Header and Footer setup

The **Header** and **Footer** are essential components of your Shopify store, providing easy navigation and important information to your customers. The **Header** typically includes your logo, navigation menus, search bar, and options like language and currency selectors, as well as the cart icon. In the **Theme Editor**, you can customize the **Header** to reflect your branding and make it more user-friendly.

### Layout configuration

Explore detailed guides for configuring key sections of your store: Header, Announcement Bar, and Footer.

{% content-ref url="/pages/6YDAExUUL0kE8Ug4grTV" %}
[Header](/hampton-bay-theme-docs/theme/header-and-footer-setup/header.md)
{% endcontent-ref %}

{% content-ref url="/pages/54f98mO7itnXChGlIQ91" %}
[Announcement bar](/hampton-bay-theme-docs/theme/header-and-footer-setup/announcement-bar.md)
{% endcontent-ref %}

{% content-ref url="/pages/68J4yfPadecN0FzjXiSW" %}
[Footer](/hampton-bay-theme-docs/theme/header-and-footer-setup/footer.md)
{% endcontent-ref %}