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.


  1. Make sure the z-index of the section, row and column are higher than the others. or add the following CSS


  1. Do not add multiple shortcodes for the different screen sizes. Only add the shortcode once.
  2. You cannot create different menu styles for different pages.

More Support?

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

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