How Can We Help?

← Back

Divi – How to stop words breaking on mobile devices

When you are building a site in Divi, it can be all to easy to assume that it will work perfectly on mobile when you are done. Whilst this is the case for about 90% of the site, there are a few things you need to pay attention to. 

For instance. If you have a larger sized font in a heading or something similar, as your site is scaled down to mobile, your heading can split across more than one line. This is annoying, but, easy to fix. Simply add the following code to your Divi Custom CSS section and voila, fixed!

h1, h2, h3, h4, h5, h6 {
    overflow-wrap: normal;
}

That’s it. Simple eh?