According to Statista, more than 54% of all internet traffic comes from mobile devices. Optimizing your responsive web design on your Divi website is just as important as making it stunning for desktop devices.
While Divi offers plenty of 1-6 row column layouts for desktop design, you are just left with the default one column on mobile and one, two or three columns on tablet. Let's change that by adding some clever CSS so that you can change the number of columns on mobile in Divi.
How to change the number of columns on mobile in Divi
In this tutorial you'll learn how to add the more row column options for mobile and tablet in Divi.
Make sure to subscribe on YouTube for more Divi tutorials.
You will unlock these row column settings in Divi
You will also learn how to save time by using the the Divi Global Presets to change the number of columns on mobile and tablet – without having to add custom CSS classes to your rows.
1 column on mobile (default)
2 columns on mobile
3 columns on mobile
4 columns on mobile
5 columns on mobile
6 columns on mobile
1 column on tablet (default sometimes)
2 columns on tablet (default sometimes)
3 columns on tablet (default sometimes)
4 columns on tablet
5 columns on tablet
6 columns on tablet