Layout Grid Not Centering In Smaller Overflow

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
User avatar
protectourlands
 
 
Posts: 426
Joined: Sat May 24, 2008 2:16 am
Contact:

Layout Grid Not Centering In Smaller Overflow

Post by protectourlands »

I have a layout grid with 4 equal columns - 3/3/3/3 horiz center, vert top, fluid. At 640 breakpoint I need it to change to 2 columns with 2 rows. At 640 I set the grid to 6/6 and overflow to custom 6/6. Works perfectly at 640, but at the 480 and 320 breakpoint with the same configuration only the top row centers. The overflow row in these lower breakpoints shows horiz left positioning.

How can I get the overflow row to center in the lower breakpoints like it does in the 640 breakpoint?
Last edited by protectourlands on Sat Apr 02, 2022 6:02 pm, edited 1 time in total.
User avatar
Pablo
 
Posts: 22503
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Layout Grid Not Centering In Smaller Overflow

Post by Pablo »

You will need to set the alignment of the overflow columns, otherwise for those columns the alignment is undefined.

- add the overflow columns in the column editor , so you can set the the alignment
- click OK
- remove the overflow columns again
- do this for all breakpoints.
User avatar
protectourlands
 
 
Posts: 426
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: Layout Grid Not Centering In Smaller Overflow

Post by protectourlands »

Perfect! Thank you Pablo. I knew I was doing something wrong. So simple.

All the best to you
Post Reply