How to display 2 columns in mobile view in Divi WordPress theme

While working on a project of a client i had to display 2 coloumns in a row.

By default only 1 column is displayed in mobile view in divi.

However by using css, we can display 2 columns in a row on mobile.


Step 1:

Select the row structure as 1/2, 1/2

Step 2 : Add modules as per the requirement.

Step 3: Open the row settings

Step 4: Go to Advanced Tab and put the css code given below in Column 1 main element and Column 2 main element

margin-right: 2.5%;
width: 47.25% !important;