Layout Grid Column 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
44MLB
 
 
Posts: 102
Joined: Sun May 27, 2018 11:55 am

Layout Grid Column Order.

Post by 44MLB » Mon Apr 15, 2019 11:08 pm

Example.

I have a layout grid with two columns. The left-hand column has text and the right-hand column has a photo. At the break point by default the text will be at the top. Is there any way to swap this to have the photo at the top.

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

Re: Layout Grid Column Order.

Post by crispy68 » Tue Apr 16, 2019 1:15 am

Unfortunately no.

However, it can be achieved with flexgrid.

44MLB
 
 
Posts: 102
Joined: Sun May 27, 2018 11:55 am

Re: Layout Grid Column Order.

Post by 44MLB » Tue Apr 16, 2019 6:26 am

I have kept away from Flex Grids as the don't work in older browsers. I presume Layout Grids do?

User avatar
Pablo
 
Posts: 17434
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layout Grid Column Order.

Post by Pablo » Tue Apr 16, 2019 6:53 am

Correct, Layout grids do work with older browsers.

User avatar
gofrank
 
 
Posts: 94
Joined: Sun Dec 30, 2007 2:43 am
Location: Florida, USA

Re: Layout Grid Column Order.

Post by gofrank » Wed Apr 17, 2019 12:32 pm

There is an alternative that I have used that works.

Make a copy of the layout grid with text and photo. In the copy, swap the positions so the photo is in column 1 and the text in column 2. Then, hide the grid.

At the point where the design breaks, switch the original grid to hidden and display the second grid (with the photo in column 1).

While this does add to the page weight, it gives you the flexibility to achieve the design you want using layout grids.
Billing clients for your freelance work? Try Minute-2-Minute, the project management, timing, and billing system. Perfect for web developers who charge by the hour. FREE 45-day trial.

44MLB
 
 
Posts: 102
Joined: Sun May 27, 2018 11:55 am

Re: Layout Grid Column Order.

Post by 44MLB » Wed Apr 17, 2019 12:56 pm

Many thanks gofrank :-)

Lasa
 
 
Posts: 353
Joined: Sat Oct 06, 2018 3:08 pm

Re: Layout Grid Column Order.

Post by Lasa » Sat Apr 20, 2019 10:49 am

I like the option!
Lasa

Post Reply