Header
The header settings make it possible for you to fully customize the header of the theme. Upload your mega menu, search bar , wishlist etc.
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
From the side menu, select Header. Configure the Header in the setting on the side with the following settings.
Logo
Desktop logo position
Select the preferred logo position on the header from the dropdown menu:
Top left
Top center
Middle left, navigation inline
Middle left, navigation center
Middle left
Navigation bar
Menu
The menu to use for your Main menu
Text size
Font size of text:
Medium
Large
Spacing between menu items
Determines the grid spacing between horizontal of menu items. Can be from 0px to 60px, increasing arithmetically of 1px (pixel)
Desktop menu type
Select the button style for the section:
Dropdown
Mega menu
Drawer
(Menu type is automatically optimized for mobile)
Sticky header
Select the sticky header style for the section:
None
On scroll up
Always
Always, reduce logo size
Show separator line
Displays a line at the bottom to visually separate this section from the other sections.
Color
Color scheme
Set the text color and background color for the section.
Menu color scheme
Set the text color and background color for the menu.
Functions group
Icon style
Select the icon style for the section:
Icon
Text
Enable wishlist
Enable/disable checkbox
Country/region selector
To add a country/region, go to your market settings.
Enable country/region selector
Select this checkbox to show/hide the country/region selector.
Language selector
Enable language selector
Select this checkbox to show/hide the language selector.
Mobile layout
Mobile logo position
Select the mobile logo position for the section:
Center
Left
Transparent header
Enable on homepage
Select this checkbox to enable/disable transparent header on homepage.
Text (Color)
Set the color for the text
Background opacity
Determines the background opacity of the section. Can be from 0% to 100%, in 10% arithmetic increments.
Background blur
Determines the background blur of the section. Can be from 0px to 20px, in 1px arithmetic increments.
Spacing
Top margin
Determines the height of the top outside space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Section padding
Top padding
Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom padding
Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Last updated