Using Divi Mobile In The Theme Builder
If you would like to build the header of your Divi website with the Theme Builder section of Divi then follow these steps to add the burger menu from Divi Mobile to your new header.
Remember to update or publish your work as you go. Follow the images below.
1.) Add Shortcode.
First, you need to add our shortcode [divi_mobile_tb_menu]to your header layout using the Code module.
2.) Activate Theme Builder.
Next, you will need to activate the Theme Builder button under Mobile Header Style. Go to Appearance > Customize > Divi Mobile > Menu Style and Settings > Mobile Header Style and enable the Theme Builder button.
Here is a list of Do's and Do Not's when working with Divi Mobile and the Theme Builder of Divi.
- Make sure the z-index of the section, row and column are higher than the others.
- Do not add multiple shortcodes for the different screen sizes. Only add the shortcode once.
- You cannot create different menu styles for different pages.