Menu & Header

In this settings menu you can define the layout and styles of your website’s menu & header. 


This section contains a set of settings to define the menu & header layout.

TheGem comes with two options for adding website header:

Option 1: Built-In Headers

Built-in headers include many different header layouts which all can be flexible managed via Theme Options. Please check the description below.

Option 2: Header Builder

Header Builder is the feature allowing you to create any header layouts in a flexible and comfortable way using page builders of your choice (Elementor or WPBakery). Please check the description in this article


This section controls additional settings for website’s menu on a global level. Here you can enable menu transparency and set its opacity, switch on light menu & logo in case your website has a dark background in header. Also you can enable/disable search button in header. Additionally, here you can enable/disable sticky menu (so the menu bar sticks to the top while vertical scrolling).

Top Area

Top area is an additional top bar which is displayed above the main menu if enabled. 

Website Search

Here you can enable the website search, specify the search layout (dropdown or fullscreen overlay), activate the AJAX live search and make additional settings.


Main menu

Here you can define the typography of your website’s main menu and specify font menu colors for main menu items.


Here you can define the typography of your website’s submenus and specify font menu colors for submenu items.

Overlay Menu

Typography settings for “Overlay” menu layout.

Top Area

Font colors for top area.



This section controls the background colors for menu & header. The “Background Type” control allows you to switch between different background types for the header area. Level 1, Level 2, Level 3+ colors give you an option to specify background colors for menu items.


Color settings for hamburger icon for “Hamburger”, “Perspective” and “Overlay” menu layouts.

Overlay Menu

Color settings for overlay background in case “Overlay” menu layout has been selected.

Mega Menu

Color settings for mega menus.

Top Area

Background type and additional color settings for top area.