These options are located in the Theme Options > Header > Desktop Header tab. Then go to the Desktop Header Main Menu section.

Desktop Header Main Menu options control the styles for the main menu of the desktop header on your site.

The main menu setting of the desktop header is: See Setting Up The Menu

First of all, let’s find out about the terms used in this document.

MagicLine Height (Fig. 2)

You can set MagicLine Height if you select MagicLine: Top (Left in The Sidebar header) or MagicLine: Bottom (Right in The Sidebar header) of Main Menu Highlight Style.

MagicLine Height option Screenshot
Fig. 2. MagicLine Height option Screenshot.

 

MagicLine Height – Illustrated as 3. Controls the magicline height. In the sidebar header, controls the magicline width.

Highlight Item Background Solid Color (Fig. 3)

Highlight Item Background Solid Color options Screenshot
Fig. 3. Highlight Item Background Solid Color options Screenshot.

 

Main Menu Highlight Item Background Color – Illustrated as 4. Controls the menu item background color for the main menu highlight style.

Main Menu Highlight Item Text Color – Illustrated as 5. Controls the menu item text color for the main menu highlight style.

Highlight Item Background Gradient Color (Fig. 4)

Highlight Item Background Gradient Color options Screenshot
Fig. 4. Highlight Item Background Gradient Color options Screenshot.

 

Main Menu Highlight Item Background Gradient Colors – Illustrated as 6. Controls the menu item background gradient colors for the main menu highlight style.

Main Menu Highlight Item Background Gradient Angle – Illustrated as 7. Controls the menu item background gradient angle for the main menu highlight style. Degree(deg) unit.

Sonnet offers a range of 4 customizable header layout versions (Fig. 10) to suit your site’s needs, and the Desktop Header Background options are suggested that must be controlled for that desktop header when setting the version of the desktop header set in the Desktop Header Layout.

4 customizable header layout versions.
Fig. 10. 4 customizable header layout versions.

Desktop header version 1

If you select the Desktop Header Layout option as Desktop header version 1, the Desktop Header Main Menu options you need to control are (Fig. 11):

Screenshot of Desktop Header Main Menu options in the Desktop header version 1
Fig. 11. Screenshot of Desktop Header Main Menu options in the Desktop header version 1.

 

Desktop Header Main Menu Item Alignment – Illustrated as A. Controls the Main Menu Item Alignment for the Desktop header version 1.

Desktop Header Main Menu Item – Illustrated as B. Controls the Main Menu Item for the Desktop header version 1.

Desktop Header Main Menu Dropdown – Illustrated as C. Controls the dropdown of Main Menu Item for the Desktop header version 1.

Desktop header version 2

If you select the Desktop Header Layout option as Desktop header version 2, the Desktop Header Main Menu options you need to control are (Fig. 12):

Screenshot of Desktop Header Main Menu options in the Desktop header version 2
Fig. 12. Screenshot of Desktop Header Main Menu options in the Desktop header version 2.

 

Desktop Header Main Menu Item Alignment – Illustrated as D. Controls the Main Menu Item Alignment for the Desktop header version 2.

Desktop Header Main Menu Item – Illustrated as E. Controls the Main Menu Item for the Desktop header version 2.

Desktop Header Main Menu Dropdown – Illustrated as F. Controls the dropdown of Main Menu Item for the Desktop header version 2.

Desktop header version 3

If you select the Desktop Header Layout option as Desktop header version 3, the Desktop Header Main Menu options you need to control are (Fig. 13):

Screenshot of Desktop Header Main Menu options in the Desktop header version 3
Fig. 13. Screenshot of Desktop Header Main Menu options in the Desktop header version 3.

 

Desktop Header Main Menu Item Alignment – Illustrated as G. Controls the Main Menu Item Alignment for the Desktop header version 3.

Main Menu Toggle Icon Container Height – Illustrated as H. Controls the main menu toggle icon item container height. (Fig. 14)

Main Menu Toggle Icon Container Height
Fig. 14. Main Menu Toggle Icon Container Height.

 

Desktop Header Main Menu Dropdown – Illustrated as I. Controls the Main Menu Item for the Desktop header version 3.

 

Desktop header version 4 (Sidebar Header)

If you select the Desktop Header Layout option as Desktop header version 4 (Sidebar Header), the Desktop Header Main Menu options you need to control are (Fig. 17):

Screenshot of Desktop Header Main Menu options in the Desktop header version 4 (Sidebar Header)
Fig. 17. Screenshot of Desktop Header Main Menu options in the Desktop header version 4 (Sidebar Header).

 

Desktop Header Main Menu Item – Illustrated as L. Controls the Main Menu Item for the Sidebar Header.

Desktop Header Main Menu Dropdown – Illustrated as M. Controls the dropdown of Main Menu Item for the Sidebar Header.