Divi Tips

Hide or show WordPress menu items on mobile devices

In Appearance/Menus click on the Screen Options tab at the very top right. In the "Show advanced menu properties" area, check the box next to CSS Classes. Use the either "hide-mobile" or "show-mobile" in the menu class field. NOTE: The max-width is the default Divi...

read more

Format superscript text in Divi

Add the following CSS code to the Divi theme options area or your child theme style.css file. [css] sub, sup { font-size: 25%; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */ line-height: 0; position: relative;...

read more

How to make Divi mobile menu appear sooner

You may find it useful to make the mobile menu appear sooner than the default screen width. Add the CSS in the Divi theme options area. Change the max-width to whatever you like.   [css] @media only screen and (max-width: 1320px){ #et_mobile_nav_menu { display:...

read more

How to add a global footer to Divi theme

IMPORTANT! This method is out dated! You should be using the Divi theme builder to make a custom global footer. Ever wonder how to make a global footer layout that will appear on all pages in your Divi theme? You could make a global Divi library layout and add it to...

read more

How to change Divi Project slug to something else

Are you using the Divi Projects for something other than projects? You may want to change the permalink (or URL) to say something other than "project". You'll need to use a child theme and paste the following into the functions.php file. You can find this in...

read more

Make image open in lightbox in Divi

Say you added an image in the text editor and want it to open in a lightbox popup. In the editor make the image you placed there a link and link it to itself. Then, paste the following class into the HREF tag (not the image tag). class="et_pb_lightbox_image" So, your...

read more