WooCommerce Storefront Mega Menus
WooCommerce Storefront Mega Menus

WooCommerce Storefront Mega Menus allows you to create enhanced full-width dropdowns that seamlessly integrate with your Storefront-powered WooCommerce shop.

Installation for WooCommerce Storefront Mega Menus

    1. Download the .zip file from your WooCommerce account.
    2. Go toWordPress Admin > Plugins > Add New to upload the file you downloaded.
    3. Activate the extension.
    4. Click Save Changes.

Create beautiful full-width dropdowns

This extension gives you the power to transform any top-level menu item into a full-width dropdown. Our easy to use Drag & Drop interface allows you to add widgets that can be rearranged and resized to display any content you wish in your website navigation.

Each Mega Menu blends seamlessly into your Storefront design by aligning all columns to the grid. Mega Menus is compatible with all Storefront Child Themes.

Also, Get WooCommerce Storefront Designer


Storefront Mega Menus adds all its settings to WordPress Customizer, making it straightforward to use. Upon opening the Customizer at Appearance > Customize, navigate to Menus.

The Menu Customizer, introduced in WordPress 4.3, allows you to intuitively manage the site’s menus. In this section are several settings.

Adding a new menu

  1. Click the Add a Menu button.
  2. Name your new Menu.
  3. Click the Create Menu button.

Click the Add Items button and select items you would like to add to your Menu.

Configuring a Mega Menu for WooCommerce Storefront Mega

Click the arrow next to the title of one of your Menu Items to display the Mega Menu button.

The Mega Menu button opens a new side panel where you can manage the selected Menu Item.

Click the Add a Widget button to add a new widget. Select a widget from the list.

Note that if a Text Widget is used, then shortcodes included in WooCommerce can be applied.

Resizing and changing the order of widgets


Please enter your comment!
Please enter your name here