Make two columns responsive

Hello, please see this screenshot https://www.dropbox.com/s/kespj0hic9p3tz7/res.png?dl=0. For the responsive of ipad and mobile, how can I make the blue column stay below the red column. I customize two columns as 2/3 + 1/3

Hello,

I saw the screenshots you attached.

You can try setting one column for the column from the responsive settings by editing the column.

Screenshot for Clarification: https://ibb.co/4mZxL2f

Best Regards.

It’s not working. I set the value for the right side column but it effects desktop view as well. My point is…for desktop, I want the two columns layout same as in the screenshot I provide. But for ipad and below I need the right side column to stay below the left side column, something like display block.

Hello,

I saw the screenshot you attached again.

You can try adding separate columns for desktop and Ipad. Then you can hide the columns for the specific device from the edit columns.

Screenshot for Clarification: https://ibb.co/QkVWR1B

Regard’s.
Xtemos Studio.

Done!Thanks! But no way to do this without separated columns, right?

Hello,

You are Most Welcome. As you mentioned the section responsive options affect the desktop version as well that’s why I suggested you with the solution.

Because the Wp-Bakery sets the columns layout for devices itself and our theme doesn’t influence.

As Far as this is working for you can keep the solution.

Best Regards.

[Author]

Posts