Layout grid loosing center after adding breakpoint

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
uli
 
 
Posts: 14
Joined: Mon Feb 12, 2018 5:58 pm

Layout grid loosing center after adding breakpoint

Post by uli » Thu Feb 15, 2018 11:18 am

Hello,

i am having a problem with the alignment in layout grid. On a big screen the texts are centered. If i resize beyond the last breakpoint the texts are suddenly aligned to the left, although the alignment in the grid is set to centered.

Now if you remove the 860 breakpoint the stacked view is centered again.
How can i get the stacked view centered with breakpoints?

I have attached an example.
https://www.file-upload.net/download-12 ... .wbs.html

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

Re: Layout grid loosing center after adding breakpoint

Post by Pablo » Thu Feb 15, 2018 12:06 pm

The breakpoints of the Layout grid (650) conflicts with the breakpoint of the page (860).
Please set the layout grid breakpoint to 860

uli
 
 
Posts: 14
Joined: Mon Feb 12, 2018 5:58 pm

Re: Layout grid loosing center after adding breakpoint

Post by uli » Thu Feb 15, 2018 12:48 pm

So what do i do to get different layouts (for example smaller navigation) for resolutions above the breakpoint of the layout grid?

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

Re: Layout grid loosing center after adding breakpoint

Post by Pablo » Thu Feb 15, 2018 1:10 pm

There are two scenarios:
- the page does not have breakpoints. In that case the layout grid breakpoint can be used to switch to stacked mode.
- the page has breakpoints. In that case you normally set the breakpoint of the layout grid to a small value (< 320) and adjust layout of the grid for each breakpoint.
Related FAQ:
http://wysiwygwebbuilder.com/layoutgrid_advanced.html

uli
 
 
Posts: 14
Joined: Mon Feb 12, 2018 5:58 pm

Re: Layout grid loosing center after adding breakpoint

Post by uli » Sun Feb 18, 2018 4:54 pm

Got it, thanks.

Is there a way to change the order of the layout grid content for each breakpoint?

So for example i have A B C and want it to be

A C
B

on the breakpoint.

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

Re: Layout grid loosing center after adding breakpoint

Post by Pablo » Sun Feb 18, 2018 6:02 pm

No, the order cannot be changed.
This functionality is planned for the next (major) version.

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest