Divi mega menu with 6 columns

Divi mega menu with 6 columns

Add extra columns into your Divi mega menu with some custom CSS. I was revamping the layout of my Divi layouts Demo Zone install and decided to make use of the built in Divi mega menu feature to help organsise the many demo pages. As default the Divi mega menu when...
Web design inspiration sites

Web design inspiration sites

Use web design showcase sites to get inspired and create better Divi websites So, of course we all love Divi Theme Examples, but there is more to the tinterweb than Divi and there are some awesome non-Divi sites out there that can provide inspiration and creative...
Divi Timeline with CSS

Divi Timeline with CSS

Timeline for Divi using CSS After reading the latest blog post at Elegant Themes, titled, 9 Useful Divi CSS Snippets You Can Add To ePanel In Seconds*, i was a bit disappointed to see that No. 6, Add Connected Bullet Lists, wasn’t working for me after pasting...
Custom 404 page in Divi Theme

Custom 404 page in Divi Theme

A Custom 404 page for Divi is a good idea so that users don’t just see the (rather plain and ugly) default 404 page that is served when they arrive at a page that no longer exists on your site. You can create a custom 404 page for Divi by getting mixed up in the...
Center Align Divi secondary Menu

Center Align Divi secondary Menu

To center align Divi secondary menu (the one with the phone number/email/social) just add the following to your ePanel custom CSS box or into your Divi Child theme style.css. /* Secondary menu alignment */ #et-info { float: none !important; text-align: center;...
Divi Theme Slider Height

Divi Theme Slider Height

** Update Divi 2.6 – You can add a height for your slider directly into the modules custom CSS tab. Just add height: 600px; into the main element section ** I keep seeing questions like how do i change the Divi Theme Slider Height? or how do i set the height of...
Hide Divi modules on mobile

Hide Divi modules on mobile

** UPDATE DIVI 2.6 – You can now select to disable a module for either desktop, tablet or mobile via the module settings. Just right click on the section, row or module and select disable, or select the checkboxes within the settings.. ** If you want to hide any...
Divi call to action module on 1 line

Divi call to action module on 1 line

If you would like the Divi call to action module to display on 1 line (example 2 below), so that the button is to the right of the content rather than below it (default example 1 below) , you can add the following CSS to your Divi ePanel or into your Divi child themes...
Animate the Divi toggle icon

Animate the Divi toggle icon

Customizing and animating the Divi toggle icon takes just a few lines of custom CSS in your ePanel or Divi Child Theme and you will get a really cool effect as you may have seen in some sites, such as Brewlife. This example changes the colour of the icon when it is...
Create 5/6/7/8 column rows in Divi

Create 5/6/7/8 column rows in Divi

The Divi builder only allows you to add 4 columns per row, but with a little bit of creativity and custom CSS you can create more than 4 columns per row. You will need to have a single column with your modules stacked on top of each other. The CSS added to each module...
Make Divi Theme non-responsive

Make Divi Theme non-responsive

I have been asked a few times the past few weeks how to make the Divi theme non-responsive.  My first thought and question is why would you want to make Divi non-responsive, and to be honest I haven’t heard a compelling reason to do it. But, some clients...

Show Divi mobile menu on desktops

If you want to show the mobile (burger) menu on desktops as well as mobiles you can use the following code from SJ @ Gritty Social. Just add the following code into your Divi child theme CSS file or into the ePanel custom CSS tab. @media only screen and (...
Page 1 of 3123

Pin It on Pinterest

Divi Freebies

Do you want some Divi FREEBIES?

Join our mailing list to receive the latest news, reviews, examples and Divi Theme FREEBIES.

You have Successfully Subscribed!