Overview
The Mandolin theme includes a highly customizable Header feature. It appears on every page to promote your company's brand and provide helpful links, tools, and more.
Customize header
Steps:
- From your Shopify admin, go to Online Store > Themes.
- Find Mandolin theme that you want to edit, and then click Customize.
- In the Left-hand side of your screen, click the Header.
Section settings
| Setting | Description |
|---|---|
| Enable transparent header | Visible on homepage. |
| Show line separator | Displays a line to visually separate the header from the page's content. |
| Background color | The background color for header. |
| Heading and icons color | Set the text and icon color for header. |
| Logo image | The logo image of header. Click Select Image to view your media library, or click the Change button to change or remove the image. |
| Edit alt text | Add a brief description to improve SEO and to describe the media for customers using screen readers. |
| Logo width | The width of the logo. Can be any multiple of 5, from 50 px to 350 px. The default is 140 px. |
| Mobile logo width | The width of the logo on mobile. Can be any multiple of 5, from 50 px to 350 px. The default is 140 px |
| Main menu | The menu to use as your main menu. Click Change to select a different menu. Visible when the Desktop logo setting is set to Top Center. |
| Enable country/region selector | Adds a selector where a customer can choose the countries and regions that you've enabled in your payment settings, so that customers can view your product prices in the currency of their choice. |
| Enable language selector | Adds a selector where a customer can choose the countries and regions that you've enabled in your language settings, so that customers can browse your store in the language of their choice. |
Mega menu block
| Setting | Description |
|---|---|
| Link title | The link title of the main menu which you want make it as a mega menu. |
Mega menu image block
| Setting | Description |
|---|---|
| Link title | The link title of the main menu which you want put the image below |
| Image | The image display under mega menu. |
| Edit alt text | Add a brief image description to improve SEO and to describe the image for customers using screen readers. |
| Heading | The title for the block |
| Subheading | The subheading for the block |
| Link | The URL that you want the image to link to |