✨Header
Last updated
Last updated
Header style
Choose the header styles from the following: -Logo left menu center -Logo left menu left -Logo center menu left -Logo left hamburger menu -Logo center hamburger menu -Logo left menu left with search bar -Logo left hamburger menu with search bar
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.
Transparent header
Enable desktop transparency Tick this checkbox to make the header transparent on the desktop view. Enable mobile transparency Tick this checkbox to make the header transparent on the mobile view. 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 Shopify menus.
Desktop menu
Menu type Select from Dropdown or Mega menu to determine the menus type. 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.
Font family Select from heading or body fonts. These fonts can be changed in the theme settings>typography.
Mobile menu
Menu font Select from heading or body fonts. These fonts can be changed in the theme settings>typography. Font size Adjust the rangebar 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 set up from theme settings>Social media. Enable language selector Tick this check box to show the language selector. To add a language, go to your language settings. Enable currency selector Tick this check box to show the currency selector. To add a country/region, go to your payment settings.
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. Enable cart Select the checkbox to show cart icon in the header.
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.
Menu label
Type the name of the first level menu. It connects the mega menu to the menus added in the header. To understand menus more, refer to Shopify menus.
Content 1-4
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 the mega menu. Overlay opacity
(Note: This hamburger mega menu does not work on the mobile and this block will show only with the hamburger header styles.)
Image
Choose any image from the library.
Video
Choose any video from the library.
Heading
Add any heading text.
Link
Add any link to redirect the added media.