Header
Last updated
Last updated
Enable sticky header
Tick the checkbox to make the header sticky.
Sticky header type
Choose the sticky header type from the following options:
On scroll up (Using this, the header changes to sticky only when users scroll the page back to the top.)
Always (Using this, the header remains sticky always irrespective of the page scroll.)
Logo
Choose any image to appear as the store logo.
Desktop logo width
Adjust the slider to customize the logo width from 100px to 300px.
Mobile logo width
Adjust the slider to customize the logo width from 50px to 100px.
Logo alignment
Choose from left or center to adjust the alignment of the store logo.
Transparent header
Transparency style (desktop)
Choose the header transparent on the desktop view from the following options: - Fullwidth transparent - Blurred transparent - None
(Note: This transparency works on home page and on the desktop view only.)
Alternate logo
Choose any logo to appear in the transparent header.
Text/icon color
Choose any color to appear as the text or icon's color in case of transparent header.
Navigation
Menu
Select menus from the Shopify backend default navigation list. It will appear in the Header as the menu.
For more details, refer to the
Desktop menu
Menu type
Select from Dropdown or Mega menu to determine the menus type. Show collection image in mega menu
Tick the checkbox to show the collection image(of added submenus) in mega menus style. Image ratio Choose the image ratio from the following options: - Auto - Landscape - Portrait - Square
Menu font
Select from heading or body fonts. These fonts can be changed in the theme settings>typography.
Menu font size
Select from small, regular, medium or large to determine the font size of the main menus.
Second level menus font
Select from heading or body fonts. These fonts can be changed in the theme settings>typography.
Second level menus font size
Select from small, regular, medium or large to determine the font size of sub menus.
Mobile menu
Menu font
Select from heading or body fonts. These fonts can be changed in the theme settings>typography.
Mobile menu font size
Select from small, regular, medium or large to determine the font size of the main menus.
Enable social media icons
Tick this checkbox to show social media icons in the mobile drawer. These can be setup from theme settings>Social media.
Icons
Enable search
Select the checkbox to show search icon in the header.
Enable account
Select the checkbox to show account icon in the header.
Language selector
Enable language selector
Tick the checkbox to show/hide a language selector.
Currency selector
Enable currency selector
Tick the checkbox to show/hide a currency selector.
Add Mega menu block in the header section and type the same name of the first level menu in the Menu label as shown below. It links the mega menu with the header. (Note: When the first-level menu in the mega menu has submenus, the images are displayed vertically on the right. If the first-level menu does not have submenus, the images are displayed horizontally.)
Menu label
Type the name of first level menu. It connects the mega menu to the menus added in the header. To understand menus more, refer to .
Content 1-5
Image Add any image to appear in the mega menu. Heading Type any text to appear as a heading. Link Add any link to redirect the image of mega menu.