How to determine how objects flow when down to 480

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
Terry.Latey
 
 
Posts: 25
Joined: Sat Sep 05, 2020 7:46 pm

How to determine how objects flow when down to 480

Post by Terry.Latey »

I am using the "At The Pool" template and in the third block is a layout grid divided into two columns. The breakpoint is set to 480. When the page is reduced to 480 in preview the photos grow smaller, I would like them instead to move to on top of the text. How do I make that happen?
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: How to determine how objects flow when down to 480

Post by crispy68 »

The breakpoint in a layout grid is when the layout grid goes from a horizontal layout to a vertical (stacked) layout. You can increase this value to make the grid flip to vertical sooner. The template currently does what you want on the 1st and 3rd image (image above text). It is the 2nd(middle) image that stacks text above image. In WB16, you can change the order in the grid at that breakpoint to put the image and text in any order you want. You can view a video tutorial about the 'order' here.
Terry.Latey
 
 
Posts: 25
Joined: Sat Sep 05, 2020 7:46 pm

Re: How to determine how objects flow when down to 480

Post by Terry.Latey »

Absolutely amazing! Thank you so much! The video made it so much easier to understand... So cool :-)
Post Reply