Divi Tips

How to make Divi mobile menu appear sooner

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.   @media only screen and (max-width: 1320px){ #et_mobile_nav_menu { display:...

read more
How to add a global footer to Divi theme

How to add a global footer to Divi theme

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 each page. But, that doesn't work on blog categories or posts if you have a sidebar. The global section will...

read more
How to change Divi Project slug to something else

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

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
Make Divi footer stick to bottom on short pages

Make Divi footer stick to bottom on short pages

If you want make the footer display at the very bottom for short content pages, you can use the code below. Paste this in the Divi Options/Ingergration area in the header section. <script> jQuery(function($){ function stickyFooter(){ var footer =...

read more
Change Logo on Mobile – Divi Theme

Change Logo on Mobile – Divi Theme

If you want to add a different logo to your header for different screen resolutions, you can use the code below. Change the URLs to point to your images. You can also adjust the width value to whatever you like. <script> jQuery( document ).ready(function()...

read more