Header

We also offer three distinct layout blocks for the header mega menu, each designed to cater to different visual and navigational preferences.

General settings

Setting
Description

Section width

You can choose among Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout.

Color scheme

You are allowed to change text color, background color, etc. with preset color.

Desktop logo on desktop

Select a predefined position for the logo on the desktop site.

Separator line

Decide to show the separator line on which page.

Enable sticky header

Turn on the sticky header feature to keep the header visible at the top of the screen as users scroll down.

Enable sticky header on mobile

Choose whether the sticky header feature should also be active on mobile devices, ensuring easy navigation across all platforms.

Transparent on the homepage

Turn on the option for a transparent header, offering a sleek look to your site.

Enable in mobile

Decide whether to apply the transparent header feature to mobile devices as well, ensuring a consistent design across all platforms.

Mega menu

Select from available mega menu designs or create a new one to enhance site navigation.

Dropdown animation

Choose an animation effect for when the dropdown menus are activated, adding a dynamic visual touch to the user interface.

Redirect to link when clicking menu parent item

Decide if clicking on a parent menu item should redirect to a link.

Menu tabs

Decide to show all collections or custom collections list under the categories tab.

Menu mobile title

The color for the title and background can be set here.

Block settings:

Setting
Description

Menu item

Specify the name of the menu item to which the layout will be applied.

Submenu

  • Desktop menu columns: The submenu settings include the option to determine the number of columns for the desktop menu.

  • Mega menu custom width: You can also set a custom width for the mega menu.

  • Center submenu: Align the submenu to the center.

  • Full width: If you select full width, it will override any custom width setting, expanding the menu across the entire screen width.

Last updated