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:

Setting
Description

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