CherryFramework 4. How to work with Mega Menu

Mega Menu allows you to create multi-column menu drop-downs. It also lets you display necessary information in the main menu. This tutorial shows how to work with Mega Menu in CherryFramework 4 templates.

CherryFramework 4. How to work with Mega Menu

In order to configure the Mega Menu you should log in to you wordpress dashabord;

Navigate to Appearance -> Menus in the WordPress dashboard. Hover over the menu tab and click the Mega Menu icon:

Here you can work with Mega Menu.

You can place necessary widgets in the drop down block of the current menu item in the Mega Menu section. Each widget can have its own width and height:

Under Settings tab you can find menu item settings:

A menu item has the following settings:

1. Group sub items to columns – group sub-menu items into columns

2. Columns number – number of columns in megamenu

3. Submenu position– sub-menu position

4. Item width – width of megamenu for different resolutions

5. Hide submenu on mobile – enable/disable megamenu on mobile devices:

   

Media tab allows you to add an icon to each menu item.

In this section you can choose an icon for the menu item, choose arrow style, hide menu text or arrow:

In order to add a submenu item, you should do the following:

1. Under Pages -> All Pages select desired page to edit;

2. In Page Attributes section set parent item:

   

3. Update the page to save changes.

Feel free to check the detailed video tutorial below:

CherryFramework 4. How to work with Mega Menu