Header section

In the Header group, click on the Header section to reveal the section settings.

These settings will allow you to change the style of your header section. You can add logos, choose a navigation menu, toggle menu images, and control the search bar.

Settings	Type	Description
Enable sticky header	checkbox	Makes the header fixed at the top of the screen while scrolling.
Link hover effect	select	Choose a hover style for navigation links. Options: Line or Dot.
Show bottom border	checkbox	Adds a bottom border to the header.
Border color	color	Sets the color of the header’s bottom border (not applied to transparent headers).
Border opacity	range	Controls the transparency of the border.
Logo
Image	image_picker	Logo used on scroll and on pages other than the homepage.
Width	range	Sets the maximum width of the logo image.
Navigation
Main menu	link_list	Select the primary navigation menu.
Secondary menu	link_list	Optional secondary menu (limited to 4 items).
Show mega menu images	checkbox	Displays preview images in mega menu for collection/product links.
Image scaling ratio	range	Controls the aspect ratio for mega menu images (wide to tall).
Alignment	select	Layout of logo, links, and icons. Options: Links | Logo | Icons, Logo | Links(center) | Icons, Logo | Links(right) | Icons.
Show icons as text	checkbox	Converts header icons (cart, search) into text links.
Language selector
Show language selector	checkbox	Displays a dropdown to choose store languages.
Show language code only	checkbox	If enabled, shows language codes (e.g., 'EN') instead of full names.
Country/Region selector
Show country selector	checkbox	Displays a dropdown to choose countries/regions.
Show country name	checkbox	Shows full country names in the selector.
Show country flag	checkbox	Displays flags next to country names.
Highlight link
Menu item	text	Name of the menu item you want to highlight (e.g., 'Sale').
Enable custom badge	checkbox	Adds a visual badge next to the highlighted menu item.
Custom badge text	text	Sets the label inside the badge (e.g., '10% OFF').
Color	color	Sets the color of the highlighted menu item or badge.
Transparent header
Enable transparent header	checkbox	Allows header background to be transparent. Useful for hero images.
Logo	image_picker	Logo shown on home/collection pages when transparent header is active.
Text color	select	Adjusts text color for transparent header. Options: Light or Dark.
Increase text transparency	checkbox	Adds a gradient for better text visibility in transparent header.