How To Build A Vertical Tab Menu - Demo

Written by the Divi Engine Documentation Team


Follow these steps to build the Vertical Tabs Mega Menu on our demo site. Click HERE to see the demo page.



How to create the Vertical Tabs Mega Menu on our demo website.




10 Minutes.

Step 1: Set It Up - Vertical Tabs Module

Create a new Mega Menu in Divi Engine > Mega Menu.

1.) Give your Mega Menu a Title.
2.) Add one Section, one Row and one Mega Tabs Module.
3.) Give your Mega Menu a Custom Identifier. This identifier must be unique, with no spaces and the words must be separated by either "_" or "-" signs.

4.) Add two New Tab items to your Mega Tabs Module.
5.) Give each Tab Item a unique Title.
6.) Add content to each Body of the Tab items.

Step 2: Customize Our Settings - Vertical Tabs Module

No editing is needed for this Tabs Mega Menu.

Step 3: Add Custom Code

No custom code here.

Step 4: Conclusion

Save your Mega Menu and make sure that you activate it through your WordPress Menu as we instruct in the step by step guide by adding your custom identifier as a CSS class.

  1. Go to Appearance > Menus.
  2. Add the unique identifier that you added to your Mega Menu as the CSS class.

More Support?

Please email us at [email protected] if you are unable to get Divi Mega Menu working.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.