Content

Before to create the mega menu you have to enable CSS Classes option. Navigate to Appearance > Menus section of your admin sidebar and locate the Screen Options tab located on 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 Save menu and your final result should be as displayed in the image below.

How to hide mega menu column titles

To hide the titles open the menu tab used for columns and add the class houzez-menu-title-hidden as displayed in the image below.

Was this article helpful to you?

Comments are closed.