Header section
There are three navigation menu arrangement types in the Flute theme’s header section.
1. Middle left
Menu type: Wide menu
Menu type: Sidebar
2. Middle center
Menu type: Wide menu
Menu type: Sidebar
The header customizations are as follows:
Enable blocks header on home page
Turn this option ON to switch the header layout on the homepage to a block-based design.
Active menu style
Choose how the currently selected menu item will look.
Tab - Shows the active link inside a tab style background.
Text - Highlights only the text.
None - No special styling for active links.
Active menu text color
Pick a color for the active menu link.
Enable glass effect on home page
Adds a modern blurred glass effect to the header background when viewed on the homepage.
Search/account style
Choose how the Search and Account options appear in the header: • With text – Shows both icons and labels. • Without text – Shows only icons.
Enable capitalize text
Turns on automatic capitalization for all menu text
Transparent header
Enable transparent header on home page
By enabling this checkbox, you can Enable transparent header on home page.
Text and icons
Choose the color of text and icons when the header is transparent.
Menu
Click on "Select menu" to add a menu in the header section.
Desktop logo position
Customization of desktop logo position in the header section is as follows:
Middle left
Middle center
Desktop menu type
Choose how the menu will appear on desktop: • Collapse menu – Hides the menu under a toggle icon. • Wide menu – Displays a regular horizontal menu. • Sidebar – Opens the menu in a sidebar panel.
Wide menu style
Customization of Wide menu style in the header section is as follows:
Full menu
Half menu
Sticky header
Customization of Sticky header in the header section is as follows:
None
Always
Always, reduce logo size
Color scheme
In this section, you can change the background and foreground color of the section using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Menu color scheme
In this section, you can change the background and foreground color of the main menu using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Country/region selector
Enable country/region selector By enabling this checkbox, you can see country/region selector in the header section.
Language selector
Enable language selector By enabling this checkbox, you can see language selector in the header section.
Customer accounts log in
Show avatar
Enable this setting to display the customer’s profile avatar in the header when they’re logged in.
Mobile layout
Mobile logo position
Decide where the logo appears on mobile devices: • Center • Left
Outer space
Bottom space
Use this to add extra spacing below the header section.
Last updated