How To Build A Vertical Tab Menu - Demo
Written by the Divi Engine Documentation Team
Introduction
Follow these steps to build the Vertical Tabs Mega Menu on our demo site. Click HERE to see the demo page.
Preview
Description
How to create the Vertical Tabs Mega Menu on our demo website.
Difficulty
Easy.
Time
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.
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.
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.
- Go to Appearance > Menus.
- 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.