Header section
Last updated
Last updated
There are three navigation menu arrangement types in the Koto theme’s header section.
The header customizations are as follows:
Layout
Customization of layout in the header section is as follows:
Wide
Container
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.
Show avatar
Enable this checkbox to show avatar.
Uppercase menu
Enable this checkbox to show menu text in uppercase.
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.