Mega Menu

Mega Menu is one of XStore’s menu types.

Multi-column layout with image

Create a general menu structure and save it. 

For the first level select:

Design type - MegaMenu, Columns - 4.

For the image item select:

Disable navigation label, Design - Image, Upload menu item image.

To create the last row (shipping information), navigate to Static Blocks> create Static Block with 3 columns layout and use Icon, Text VC elements. You can change margins, paddings, and add background color if needed. Then, go to Appearance>Widgets to create the Custom Widget area. Add 8theme - Static Block widget,and choose the static block area you just created. Go to Appearance>Menus,and in last custom link item set the following options: Disable navigation label, Column width - 100%, Widget area - choose your menu custom widget area.

Save and check the frontend.


Multi-column layout with multi-images

Create a general menu structure and save it. 

For the first level select:

Design type - MegaMenu, Columns - 4.

For the image item select:

Disable navigation label, Design - Image without spacing, Upload image.


Subcategories with posts

Add the Posts Category that has subcategories and save the menu. For this item select: Design - Subcategories + Posts.