Header
General settings
Desktop logo position | Displays the logo in the header:
*Changes of logo position you can view on a large screen, such as a desktop. |
Menu | You can click on “Create menu” to create a new menu from this step or if you have created a footer menu before, add from the list. |
Menu font weight | Use this option to customize the font weight of menu links. Choose from the following options:
|
Desktop menu type |
|
Mega menu settings
Setting | Description |
Show mega menu image | Enable this option by marking the checkbox to display a default image, as well as images that appear when hovering over collections and products. |
Default mega menu image | Select and upload an image from your library, or download one to use as the default. |
Image ratio | Choose the desired image ratio for your mega menu:
|
Menu drawer
Setting | Description |
Menu drawer product | Choose the image which should be promoted in the drawer menu. Click on “Select Image” to access your media library, upload a new image, or explore free images. |
Setting | Description |
Sticky header (when menu type is dropdown menu or mega menu) |
|
Show separator line | Shows a line to visually separate the header (Mega menu) from the page's content. |
Round borders | Mark the checkbox to make header rounded on page. |
Color
Setting | Description |
Color scheme | Applying a chosen color scheme to the header from a suggested list of color schemes automatically updates all associated colors for a cohesive and professional look across your website. (text color, background color, icon color. |
Menu color scheme | Applying a chosen color scheme to a dropdown menu, mega menu or drawer from a suggested list of color schemes automatically updates all associated colors for a cohesive and professional look across your website (text color, background color. |
Country/region selector
Setting | Description |
Enable country/region selector (To add a country/region, go to your market settings) | If you add a country selector to your theme, then your customers can choose their country or region from a dropdown list of countries and regions that you've added in your Shopify Payments settings. The local currency is also displayed in the dropdown list beside each country or region. *If your store is on the Shopify Plus plan, then your store automatically sets your customers' country or region and currency based on their IP address. |
Show country flag | Display or hide the flag of the selected country by marking the checkbox or removing the mark. |
Show country name | Display or hide the name of the selected country by marking the checkbox or removing the mark. |
Show currency code | Display or hide the currency code of the selected country by marking the checkbox or removing the mark. |
Language selector
Setting | Description |
Enable language selector (To add a language, go to your language settings) | Providing content in your customers' native language can improve sales by making it easier for them to understand your marketing, product details, shipping, and return policies. This is particularly important for international customers. To enable multiple languages on your Shopify store, you can create separate URLs for each translated version of your content. When a customer lands on a translated URL, your store will automatically display the corresponding translated version, if available. *Make sure that you have a multi-setup of languages in your store settings. |
Mobile layout
Setting | Description |
Mobile logo position |
|
Section paddings
Setting | Description |
Top padding | The “Top padding” setting allows you to adjust the amount of space at the top of the header using a slider. |
Bottom padding | The “Bottom padding” setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the header. |