Header section
There are three navigation menu arrangement types in the Koto theme’s header section.
1. Top left

2. Top center

3. Middle left

4. Middle center

The header customizations are as follows:
Layout
Customization of layout in the header section is as follows:
Wide
Container
Topbar
Show topbar on desktop
Enable this setting to show topbar in header section.
Color scheme
In this section, you can change the background and foreground color of the topbar using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Show bottom border
Enable this setting to show topbar bottom border in header section.
Custom link
Add Custom link in topbar of header section using this setting.
Show social media icons
Enable this setting to show social media icons in topbar.
Country/region and language selector
Enable country/region selector
By enabling this checkbox, you can see country/region selector in the header section.
Enable language selector
By enabling this checkbox, you can see Language selector in the header section.
Desktop header type
Customization of desktop header type in the header section is as follows:
Logo top left, menu bottom
Logo top center, menu bottom
Logo middle left, menu center
Logo middle center, menu left
Icon style
Customization of icon style in the header section is as follows:
Icon
Text
Text with icon
Show user icon with text
Enable this checkbox to show account icon with text.
Text size
Customization of icon with text size in the header section is as follows:
Small
Medium
Large
Uppercase icon text
Enable this checkbox to transform icon text into uppercase.
Show separator between icon
Enable this checkbox to show separator between icon.
Sticky header
Customization of Sticky header in the header section is as follows:
None
Always
Always, reduce logo size
Show bottom border
Enable this checkbox to show border of the bottom.
Customer accounts login
Show avatar
Enable this checkbox to show avatar.
Dropdown color scheme
In this section, you can change the background and foreground color of the Customer accounts dropdown using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Uppercase menu
Enable this checkbox to show menu text in uppercase.
Show main menu title link
Enable this checkbox to show menu link in the header main menu.
Navigation 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
This settings only works with menu is set to bottom.
Menu
Click on "Select menu" to add a menu in the header section.
Desktop menu alignment
Customization of desktop menu alignment in the header section is as follows:
Left
Center
Desktop menu size
Customization of desktop menu size in the header section is as follows:
Small
Medium
Large
Desktop menu type
Customization of desktop menu type in the header section is as follows:
Inline
Burger menu
Show dropdown submenu on hover
Enable this checkbox to show dropdown submenu on hover of the menu.
Color
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
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
Spacing
Bottom margin You can adjust the range of the bottom margin to increase or decrease the bottom spacing as needed.

Last updated