Set break points on responsive columns

[Hudsonpilot]

Hi,

I’m trying to figure out how to change the break points for when two columns change to one. The issue is complicated by the fact that the columns are 2/3 and 1/3, and they need to maintain a minimum width due to fixed width tables. You helped me with this before, when the page was done in WP Bakery, but I’ve rebuilt the page in Cornerstone. I watched the youtube on autoresponsive columns, but didn’t quite understand it, and I’m not sure if this situation calls for the custom layout trick.

Previous support post: https://theme.co/apex/forum/t/convert-2-columns-to-1-on-mobile-with-wpbakery-page-builder/65875/7
Website page: https://upstatefilms.org/x-home

As you can see, the columns are fine in desktop width and phone widths, but there are problems in between. I’d like the right-hand column to drop below the left-hand column at about 1130 px. I think the Essential Grid responsiveness will take care of the rest. Hope this makes sense.

Thanks for your help.

[rad]

Hi Steve,

Thanks for reaching out.

It should be still the same, by adding class name to your target column and override it through @media. I checked it and it still works on your site.

I applied the same CSS with class name and it goes full-width.

Thanks!

[Hudsonpilot]

Yes, works perfectly. I thought that using Cornerstone would mean using a different solution. Thanks so much.

[rad]

You’re most welcome! It should be the same, the only difference is your target breakpoint that cornerstone isn’t supported, hence, custom CSS