Mega Menu

Mega Menu is one of XStore’s menu types.

Multi-column layout with image

Create a general menu structure and save it. 

Press 8theme Options link next to the menu title. For the first level select:

Design type - MegaMenu, Columns - 4.

For the image item choose:

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

Press 8theme Options link next to the menu title. Create a general menu structure and save it. 

For the first level select:

Design type - MegaMenu, Columns - 4.

For the image item choose:

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.