How To Change The Number Of Columns On Mobile In Divi (With Global Presets)

Finally! Here’s a solid and easy way to change the number of columns on mobile and tablet in Divi. By adding some clever CSS you’ll get full control over how many columns to display on mobile and tablet in each Divi row. Take your responsive design to the next level!

👉 You'll find the CSS snippets in this blog post: https://divimundo.com/en/blog/change-...

In the blog post, you can also find links on how to change the number of columns in the Divi blog grid, the Divi portfolio grid, the Divi gallery grid and how to change the stacking order in mobile in Divi.

Changing the number of columns on mobile and tablet in Divi
Unlock 2-6 columns on mobile and tablet with nice spacing between and beneath the columns. This is a more robust solution then the quick & dirty fixes, for example display:flex or width:50%,that are shared in various Facebook groups and blogs.

Improve your design process with Global Presets
In the end of the article, I’ll show how you can 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.

This video is produced by Victor Duse at DiviMundo.

⚡ DiviMundo.com is dedicated to spread knowledge about WordPress and the Divi theme. The vision is that everyone should be able to design beautiful websites without exhausting coding issues. Read more at https://divimundo.com/en/

#divi #mobile #responsive