The Header section lets you control your site’s header style, navigation layout, and key features like sticky headers and search. This is where you define how the top part of your site looks and behaves.
Header Styles #
What it does: Choose a predefined header layout (logo position, navigation style, and extra features).
How to set it: #
- Preview the available header styles.
- Click to select the style you prefer.
- Save changes.
Tip: Pick a header style that matches your website’s purpose—minimal for blogs, feature-rich for eCommerce/business sites.
Sticky Header #
What it does: Keeps the header visible at the top of the screen when users scroll down.
Options: #
- Enabled – Header stays fixed while scrolling.
- Disabled – Header scrolls away with the page.
Tip: Great for improving navigation on long pages.
Menu Height #
What it does: Adjusts the vertical size of the header’s navigation menu.
How to set it: #
- Enter the height value (in pixels, em, or percent).
- Example: 90px for a tall header, 60px for a compact one.
Main Menu Show in Desktop #
What it does: Enables or disables the main navigation menu on desktop view.
Options: #
- Enabled – Show the main menu.
- Disabled – Hide the main menu.
Tip: Disable only if you’re using a custom navigation setup.
Navigation Align #
What it does: Aligns the navigation menu within the header.
Options: #
- Left Align – Menu items start from the left.
- Center Align – Menu items centered.
- Right Align – Menu items aligned to the right.
Menu Item Spacing #
What it does: Adjusts horizontal spacing between navigation links.
How to set it: #
- Enter a pixel value (e.g., 20px).
- Increase spacing for minimal designs, decrease for compact menus.
Show Search Option #
What it does: Displays or hides the search icon/bar in the header.
Options: #
- Enabled – Show search option in the header.
- Disabled – Hide it.
Tip: Recommended to enable search if your site has blogs, products, or large amounts of content.
Offcanvas Control #
The Offcanvas Control settings allow you to manage how the offcanvas menu appears and functions on your website. Below are the available options and their descriptions:
- Show offcanvas menu in desktop
Toggle this option to show or hide the off-canvas menu on desktop devices. - Show Wishlist in Menu
Enable or disable the wishlist option inside the off-canvas menu. Useful for e-commerce stores. - Show Login/Register in the Menu
Display a Login/Register link in the off-canvas menu for user authentication. - Offcanvas Alignment
Choose the alignment of the off-canvas menu. Options include:- Open From Right
- Open From Left
- Offcanvas Menu Width
Set the width of the off-canvas menu in pixels. Example:250px. - Social Media
Enable or disable social media icons within the off-canvas menu. - Language Switcher
Show or hide the language switcher inside the off-canvas menu (useful for multilingual websites). - Currency Switcher
Enable or disable the currency switcher. To configure this, add the currency switcher shortcode from:
Theme Options → Shop → General → Currency Switcher Shortcode.
📌 Don’t forget to click Save Changes after making updates. You can also use Reset Section to restore default settings.
