The Ultimate Divi Bundle - 5 Divi plugins. 1 great price.
Learn More

Changing the Website Content Width on Mobiles

The Divi Theme comes with an option to set adjust the “content” width of your site. This lets you choose how wide your want your site’s content to be (the default is 1080px). However, there is no equivalent option for setting the content width on mobile devices – on mobiles your site is fixed at 80% width. If you want to change that, here’s how:

The following CSS will override Divi’s default 80% content width on mobiles:

In this case, I’ve set the width to 90%, which gives a wider site on mobiles, with less margin on either side. You can of course change this to suit your needs.

This feature is available as an option in Divi Booster 2.4.6 onwards. You’ll find it on the Divi Booster settings page, under “Site-wide Settings > Layout > Set mobile content width”.

Want get more out of Divi?

Hundreds of new features for Divi
in one easy-to-use plugin


Submit a Comment

Your email address will not be published. Required fields are marked *