Using Divi Mobile In The Theme Builder
Written by the Divi Engine Documentation Team
Follow these steps to use Divi Mobile in the Theme builder.
Step 1: Add Shortcode
First, you need to add our shortcode [divi_mobile_tb_menu] to your header layout using the Code module. If you ARE using a Divi Mobile custom header then set up your mobile menu via the appearance > customise options only. If you AREN'T using the Divi Mobile custom header and are using the Theme Builder then you need to add this code.
Step 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.
- Make sure the z-index of the section, row and column are higher than the others. or add the following CSS
- Do not add multiple shortcodes for the different screen sizes. Only add the shortcode once.
- You cannot create different menu styles for different pages.
Please email us at [email protected] if you are unable to get Divi Mobile working.