Header Section is a essential section of your store. Usually, It is the topmost section of your website that typically contains your store’s logo, navigation menu, and other essential elements. The header plays a significant role in providing navigation and branding to your customers, making it an essential part of your store’s design and user experience.
To add the Header,
- Go to Online Store > Themes and click Customize in your Shopify admin
- Then click Add section under Header area. Now you can choose Header from the list.
You can find the following settings inside the Header,
| General settings | Description |
|---|---|
| Logo | It will display logo for the store |
| Logo height | Set the logo height |
| Menu choice | Choose the menu you want to display as menu |
| Show cart icon | Option to show/hide the cart icon to open sidecart |
| Show search icon | Option to show/hide the search |
| Enable country selector | Set to display country dropdown, if available |
| Enable language selector | Set to display language dropdown, if available |
| Show collection image | Option show image if available for the collection that displayed as menu item |
| Enable sticky header | Option to stick the header at top. |
Mega menu
Header can have multiple Mega menu blocks. These mega menu uses the submenu items, if present in Online Store -> Navigation inside the respective menu. Each block can have their own cards.
You can find the following settings inside the each Mega menu block,
| General settings | Description |
|---|---|
| Menu item for mega menu | Set the index/position of the parent menu to act as mega menu |
| Card 1 image | Set the card image for mega menu |
| Card 1 text | It will display the text at the bottom of the card |
| Card 1 url | It will the link for the card |
| Card 2 image | Set the card image for mega menu |
| Card 2 text | It will display the text at the bottom of the card |
| Card 2 url | It will the link for the card |
You can find more information for mega menu here