How to Keep Divi Columns in Mobile View Using CSS

March 12, 2020


Download Main CSS code and paste into your Divi Theme Custom CSS

Thank you for showing your support by buying my plugin. Why buy my plugin because you will be supporting me financially as well as helping me to make more free Divi tutorials.

Keep Divi Column ratio and build aesthetically beautiful mobile layouts for the Divi Builder. View demos

Regular Section

After activating the CSS plugin, all you have to do next is select the row that you want and type the related CSS class name in the class field for the row container.
1. Select the Regular section
1. Select your desired row
3. Take note of the related class name from the regular section chart for the row that you chose.
4. Open up the Row container settings and type the class name in the CSS Class field.
CSS Class Field image
5. You’re done.

Specialty Section

As before, after activating the plugin, all you have to do next is enter the correlating class names. However there are two classes we must enter. One for the section column layout and the other for the row container embedded in the specialty section column layout.

1. Select the Specialty Section

2. Select the desired section layout

3. Take note of the related class name from the the column layout that you choose. See specialty section chart below.

4. Open up the Section settings and type the class name in the CSS Class field.

CSS Class Field image
5. This is extra step for the specialty section. After choosing your desired section layout and it’s class name, select the respective row layout and it’s class name from the as seen in the regular section chart. Open the settings for the row container and add the CSS class name to the CSS field. Note that most row containers for the specialty section has up to 3 columns with 1 exception with 4.

6. All done. Thanks for giving my code a try. Feel free to customize it however you want. Do what works best for you. If you have any questions feel free to contact me through any of my social media handles. All the best to you.

Download Colour Layout

Related Posts

Facebook Training Course

Facebook Training Course

Discover What You Need to Do To Setup Facebook Ads that Get Results. In this specific video training course, you will get to watch over the shoulder of an expert – step-by-step, click by click – and learn what you need to do to setup your Facebook Ads properly.

Video Catalyst

Video Catalyst

All Inclusive Platform Creates. Jaw-Dropping Designs, Videos & Animations that Skyrockets Leads & Sales In Just Minutes Without Any Effort…


1 Comment

  1. Carl Thomas

    Hey. I like what you did. Thanks for sharing.


Submit a Comment

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

News & Updates

Join Our Newsletter