Header section
There are three navigation menu arrangement types in the Lyra theme’s header section.
1. Logo top center, menu bottom center

2. Logo and menu on middle left

3. Logo middle center, menu middle left

The header customizations are as follows:
Layout
Customization of layout in the header section is as follows:
Full width
Fluid
Container
Desktop position
Customization of desktop header type in the header section is as follows:
Logo top center, menu bottom center
Logo and menu on middle left
Logo middle center, menu middle left
Sticky header
Customization of Sticky header in the header section is as follows:
None
Always
Always, reduce logo size
Sticky header shadow
Customization of Sticky header shadow in the header section is as follows:
None
Light
Dark
Show bottom border
Enable this checkbox to show border of the bottom.
Menu
Click on "Select menu" to add a menu in the header section.
Sticky header
Customization of Sticky header in the header section is as follows:
None
Always
Always, reduce logo size
Show menu bottom border
Enable this checkbox to show bottom border of the menu.
Show divider beside the country/region or language selector
By enabling this checkbox, you can see country/region selector in the header section.
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
Scheme 7
Account
Show account as By selecting this selectbox, show account as.
Icon
Icon with text
Text
Account dropdown color
In this section, you can change the background and foreground color of the account dropdown using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Scheme 7
Transparent header on desktop
Header style Customization of transparent header settings is as follows:
Stacked
Overlay on home page
Text and icons
Modifying this color will result in a corresponding color change of the text and icons in transparent header.
Menu
Menu color scheme
In this section, you can change the background and foreground color of the menu using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Scheme 7
Menu Click on "Select menu" to add a menu in the header section.
Desktop menu type
Customization of desktop menu type in the header section is as follows:
Inline
Drawer
Menu padding and border
Show menu top border Enable this checkbox to show top border of the menu. Top padding You can adjust the range of the top padding to increase or decrease the top spacing as needed. Bottom padding You can adjust the range of the bottom padding to increase or decrease the bottom spacing as needed.
Country/region selector
Enable country/region selector By enabling this checkbox, you can see country/region selector in the header section. Show country flag By enabling this checkbox, you can see country flag. Label Customization of country/region selector type in the header section is as follows:
Currency only
Country and currency
Language selector
Enable language selector By enabling this checkbox, you can see language selector in the header section.
Bottom margin on desktop
You can adjust the range of the bottom margin to increase or decrease the bottom spacing as needed.

Last updated