Mega Menu Setup

Before creating the mega menu you have to enable the CSS Classes option. Navigate to Appearance > Menus section of your admin sidebar and locate the Screen Options tab located on the top right corner of your screen as you see in the image below.

1. Open the Screen Options tab
2. Select CSS Classes

 

How to create the mega menu

Step 1: Create a new Custom Link tab as displayed in the image below and click on Add to menu

 

Step 2: As soon you added the tab to the menu, open the tab, and add the class houzez-megamenu class as displayed in the image below.

 

Step 3: Add new Custom Links tabs for mega menu columns as displayed in the image below.

 

Step 4: Add to the menu all Pages needed under each column as displayed in the image below.

 

Step 5 – Click on the Save menu and your final result should be as displayed in the image below.