View Categories

Header

3 min read

Section settings #

SettingsDescription
Logo Upload your store logo through Theme Settings > Logo
Logo appears on all pages by default
GeneralEnable full-width section on desktop for expanded header layout
Desktop logo positionWhen a customer views the site on a large screen, such as a desktop computer, the logo appears in the header.

Middle Left – Logo inline with main menu, vertically centered
Top Left – Logo above menu, both aligned left
Top Center – Logo above menu, both centered with search on sides
Center Split Menu – Logo centered, menu split equally left/right
Left Drawer Menu – Logo left with menu trigger, search center, actions right
Centered Sticky Logo – Left menu, center logo, sticky behavior on scroll
MenuThis is the main menu for your store.
Menu alignmentCenter: Aligns the menu item to the center.
Left:
Aligns the menu item to the left.
Right:
Aligns the menu item to the right.
Show cart iconEnable/disable cart access (disabling removes cart functionality)
Show user iconToggle account/login icon visibility
Show search iconControl search functionality access
Sticky headerControl header visibility during scrolling:

Sticky Options:
None – Header scrolls normally
On Scroll Up – Header reappears when scrolling up
Always – Header always visible

Sticky Customization:
Sticky header background color – Custom background when sticky
Sticky header text color – Text color for sticky state
Language & region selectorLanguage & Region Settings

Enable international features for global customers:
Language Selector:
Enable language selector – Add language switching
Show language flag – Display flag icons for languages
Configure through Language Settings in admin

Country/Region Selector:
Enable country/region selector – Add location switching
Country name enable – Show country names
Show currency flag – Display currency indicators
Configure through Market Settings in admin

Transparent Header #

SettingsDescription
Enable on homepageActivate transparent header for homepage only
LogoUpload a different logo specifically for transparent header (homepage only)
Text colorCustomize text color when transparent header is active
Background colorSet background color for transparent header mode

Megamenu & Submenu #

SettingsDescription
SubmenuCustomize color scheme for submenu/mega menu specifically
MegamenuEnable mega menu full width display for expanded navigation

Mobile Settings #

SettingsDescription
MobileOptimize header display and functionality for mobile devices:
Mobile-Specific Features:
Show social media icons – Display social media links in mobile header
Enable country/region selector – Add location switching for mobile users market settings.
Show currency flag – Display currency indicators on mobile
Enable language selector – Add language switching for mobile users
Show language flag – Display language flag icons on mobile

Configuration Links:
Market Settings – Configure countries/regions through your market settings  language settings.
Language Settings – Set up languages through your language settings

Mega Menu Settings #

How to create a menu item #

SettingsDescription
Menu itemEnter the name of the menu item to which you want to add a mega menu. 

Promotion settings #

*** You have the option of uploading two images for two promotions. They all have the same settings:

SettingsDescription
ImageThis is a setting to display an image in the mega menu as a promotion.
Image ratioThe image ratio for the promotion is as follows:

Adapt to image(Default): The aspect ratio of the images is used. This prevents cropping of the images.
Square: Images are cropped to a 1:1 aspect ratio.
Portrait: Images are cropped to a 2:3 aspect ratio.
Landscape: Images are cropped to a  3:2 aspect ratio.
Wide: Images are cropped to a 16:9 aspect ratio.
Round the corners of the imageIf you enable it, the promotion image corners will be round. By default, enabled it.
HeadingA promotion title can be displayed. If you don’t want it to be displayed, simply clear the field.
TextA promotion text can be displayed. If you don’t want it to be displayed, simply clear the field.
LinkYou can add a link to a single promotion.

Powered by BetterDocs

Leave a Reply

Your email address will not be published. Required fields are marked *