This section allows you to customize the appearance of the main site header, navigation menu, and its different states (normal, transparent, and sticky).

Header (Normal) #

• Header Background: Sets the background color of the main header.
• Header Border & Color: Controls the border & color around the header.
• Header Shadow: Enables or disables shadow for the normal header.
• Menu Links Color: Sets the default color of navigation menu links.
• Menu Links Hover Color: Sets the hover color of navigation menu links.

Navigation Icons #

• Icons Color: Controls the color of navigation icons (search, cart, etc.).
• Icons Hover Color: Sets the hover color for navigation icons.
• Badge Background Color: Defines the background color of icon badges.
• Badge Text Color: Sets the text color of icon badges.

Transparent Header #

Used when the transparent header option is enabled.

• Header Border Control: Controls the border appearance of the transparent header.
• Header Shadow: Enables or disables shadow for the transparent header.
• Menu Links Color: Sets the link color for the transparent header.
• Menu Links Hover Color: Sets the hover color for transparent header links.

Transparent Header Icons #

• Icons Color: Sets the icon color for the transparent header. (search, cart, etc.)
• Icons Hover Color: Defines the hover color of transparent header icons.
• Badge Background Color: Controls the badge background color.
• Badge Text Color: Sets the badge text color.

Sticky Header #

Controls the header appearance when the page is scrolled.

• Header Background: Sets the background color for the sticky header.
• Header Border Control: Controls the border appearance of the sticky header.
• Header Shadow: Enables or disables shadow for the sticky header.
• Menu Links Color: Sets the menu link color for the sticky header.
• Menu Links Hover Color: Sets the hover color for sticky header menu links.

Sticky Header Icons #

• Icons Color: Controls the color of icons in the sticky header.
• Icons Hover Color: Sets the hover color of sticky header icons.
• Badge Background Color: Defines the badge background color.
• Badge Text Color: Sets the badge text color.

Header v1 #

These settings apply only to Header Layout Version 1.

• Header Top Background Color: Sets the background color of the header top area.
• Header Top Text Color: Controls the text color in the header top area.
• Header Top Hover Text Color: Sets the hover color for header top text.
• Header Top Hover Background Color: Defines the hover background color for header top elements.
• Extra Element Icons: Sets the icon color for extra header elements.
• Extra Element Text: Controls the text color for extra header elements.