Overview
The Madolin 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.
Guidelines
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 |
