Menu & Header
In this settings menu you can define the layout and styles of your website’s menu & header.
Layout
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
Menu
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.
Typography
Main menu
Here you can define the typography of your website’s main menu and specify font menu colors for main menu items.
Submenu
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.
Colors
Backgrounds
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.
Hamburger
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.