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 is an additional top bar which is displayed above the main menu if enabled.
Here you can enable the website search, specify the search layout (dropdown or fullscreen overlay), activate the AJAX live search and make additional settings.
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.
Typography settings for “Overlay” menu layout.
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.
Color settings for overlay background in case “Overlay” menu layout has been selected.
Color settings for mega menus.
Background type and additional color settings for top area.