QuadMenu Mega

8.2. QuadMenu Mega

You can use this item to create a Mega Menu with columns, where you can insert any type of content.

To include a Mega menu you have to make sure your menu location is activated on QuadMenu.

After you activate the menu location a new metabox, named QuadMenu Items, will appear on the menu editor sidebar.

If you expand this tab, you will see the advanced elements: Icon, Mega, Tabs, Search, Login and Cart.

Appearance > Menus > Menu > QuadMenu Mega

8.2.1. Background Tab

This tab is included in mega, tabs and carousel menus and allow you to set a custom image background to the main dropdown menu of the item.

Appearance > Menus > Menu > Mega > Background

8.2.1. Width Tab

In this tab you can find the default width settings that allows you to set the size of the mega menu container.

Appearance > Menus > Menu > Mega > Width

QuadMenu includes the bootstrap grid system that provides a powerful mobile-first flexbox grid system for building layouts of all shapes and sizes. It’s based on a 12 column layout and has multiple tiers, one for each media query range.

WP MegaMenu

8.2.2. Columns Tab

This tab is included in mega menu items. Here you can find a lot of options to fully customize the menu elements.

Appearance > Menus > Menu > Mega > Columns

To include new columns in the mega menu just click the Column button, at the top left corner of the columns box.

A new column will be included in the menu with the default size of 12 columns in mobile devices and 6 columns in tables.

You have make sure that the total sum of the columns by device size does not exceed 12 columns.

8.2.3. Column

Once you include a column you can edit its width for the different screens sizes. Also you can set the column hidden property for each size. Just keep in mind that you must not exceed 12 columns within an item.

Appearance > Menus > Menu > Mega > Column

By click inside the column a new metabox called QuadMenu Widgets will be included in the menu sidebar, and a new button will be included in all items metabox just beside the “Add to Menu” button.

Then you can select the items and press the blue button to include this menu items in to the column.

Add Widgets to Mega Menu