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.
Step 1: Set It Up - Vertical Tabs Module
Create a new Mega Menu in Divi Engine > Mega Menu.
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.
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.
Please email us at [email protected] if you are unable to get Divi Mega Menu working.