mobile layout grid order

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
Chameleon
 
 
Posts: 85
Joined: Sat Sep 29, 2018 7:29 pm

mobile layout grid order

Post by Chameleon » Mon May 03, 2021 8:37 pm

Hi, I have my page setup with 4 layout grids each split into 2 columns. The first layout grid has a picture in the left hand column and text in the right. The 2nd has the same only with the picture in the right column then the 3rd with the pic in the left then the 4th back to the picture in the right. This give me a staggered look which is what im after.

When I preview the page on a mobile phone the layout is not what it should be. The first layout is ok with the picture on top and text at the bottom, the 2nd layout is back to front with the text first and pic below then the 3rd is ok and the 4th back to the text on top and the pic below.

Is there any way to change the 2nd and 4th layout so that it is the same as 1st and 3rd layout i.e. all the layouts when viewed on mobile have the pic at the top and text below?

thanks,

User avatar
Bluesman
 
 
Posts: 901
Joined: Mon Feb 01, 2016 5:43 pm
Location: Ecuador
Contact:

Re: mobile layout grid order

Post by Bluesman » Mon May 03, 2021 8:53 pm

If you change the Gridsystem to "Flexbox" you can change the order for each column.
"Make My Day"

See my Website

User avatar
crispy68
 
 
Posts: 1436
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: mobile layout grid order

Post by crispy68 » Mon May 03, 2021 8:55 pm

You will need to set your layout grids to flexbox and use the order function in conjuction with breakpoints.

Maybe this video will help?
https://youtu.be/o5-Wk8_7yFo

Chameleon
 
 
Posts: 85
Joined: Sat Sep 29, 2018 7:29 pm

Re: mobile layout grid order

Post by Chameleon » Mon May 03, 2021 9:57 pm

Cheers guys I will change that and see how it goes :D

Post Reply