Mega Menu
Mega Menu is one of XStore’s menu types.
Watch video tutorials:
How to create mega menu in the default way
How to Create a Website Footer Using Static Blocks Built with the WPBakery on WordPress
Creating Mega Menu Using Static Blocks Built With Elementor on WordPress
All departments menu with static blocks
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.