OxySites Mega Menu

Add a Mega Menu to your website with OxySites’ Mega Menu Element.

Add a Mega Menu Element

To add a mega menu element from the elements panel go to OxySites ➟ Mega Menu.

Add a Mega Menu Item

A Mega Menu Item consists of a link and the actual item dropdown, in which you may embed any element to your liking. To add a mega menu element go to OxySites ➟ Mega Menu ➟ Add Item.

Menu Configuration

To use the Menu Configuration, navigate to Mega Menu ➟ Menu Configuration.

To preview changes, please hit the "Apply Params" Button after editing any of the below options.

Menu Mode

Set the mode of the menu trigger.

On Hover: The item dropdown opens on hover.

On Click: The item dropdown opens on click.

Position dropdown(s) relative to...

Menu: The item dropdown is positioned relative to the mega menu.

Custom: Choose any element which is a predecessor of the item dropdown element and set its position to relative. This will make the dropdown’s position relative to that element. 
Tipp: You can set the Mega Menu Item itself to position relative, which makes the dropdown’s position relative to the element it is contained in.

Dropdown Animation Type

Choose from four different types of animations to reveal the dropdowns.

Dropdown Animation Duration

Set the dropdown animation duration.

Mobile Configuration

To use the Mobile Configuration, navigate to Mega Menu ➟ Menu Configuration ➟ Mobile Configuration.

To preview changes, please hit the "Apply Params" Button after editing any of the below options.

Mobile Mode

Set the screen size for which the mobile menu should appear.

Position mobile menu relative to...

Menu Container: The mobile menu is positioned relative to the mega menu container.

Custom: Choose any element which is a predecessor of the mega menu and set its position to relative. This will make the mobile menu’s position relative to that element.

Mobile Menu Animation Type

Choose from four different types of animations to reveal the mobile menu.

Mobile Menu Animation Duration

Set the mobile menu animation duration.

cross