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:

Setting
Description

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.

Section padding

Utilize this feature to add spacing to the top and bottom of the menu. Applicable when desktop logo position is set to 'top left' or 'top center'.

Last updated