Change Mobile Break Order

[CipherBeta]

Heya! If necessary, development site with the specific page is http://45.77.100.219/?page_id=16

Pro issue - trying to get a 1/2 + 1/2 row to put the right column on top instead of the typical left -> right top to bottom flow. I’ve tried the things in stevelucky’s thread, but none of these seem to be working appropriately.

Is there a quick, class based solution for changing the order that columns are placed in mobile?

[friech]

Hi There,

Thank you for writing in, please duplicate the 2nd, 4th, and 6th row. On the duplicate swap the position of the content (image to left, text to right).

Then using the Hide During Breakpoints feature, hide the original row on the small and extra small screen, and hide the duplicate row on extra large, large, and medium screen view.

Hope that helps,
Cheers!

[CipherBeta]

Hey friech!

I did try this but it upped the page size more than I’d like - is there no longer a code solution for this?

[Prasant]

Hello @CipherBeta,

Thanks for updating the thread.

Changing the view ports sizes falls outside the scope of support we can offer as more often it create multiple issues on the various screen sizes. If you are comfortable with programming and would like to DIY then please take a look at following article:

https://www.w3schools.com/Css/css_rwd_mediaqueries.asp

Thanks.