How do sections resize?

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
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

How do sections resize?

Post by alan_sh »

I have a new site that I want to use Sections with. So, I have created my sections and set all the objects in each section to 'stretch' so that I can move them around as I like. In WWB, they look good. I've put them into a Card Container. [Note - is this allowed? I assume that it is as a section is just a very flexible card]

The issue I have is that if I set a breakpoint on that card container, when it reaches the breakpoint, all the cards just overwrite each other, both horizontally and vertically. If I don't set a breakpoint, then they just get smaller and smaller until they are not readable.

If I use cards and not sections, then I can't control the layout as the browser window gets smaller and it looks messy.

I've done an example here https://www.dropbox.com/s/dko764vhnfziw ... 1.zip?dl=1 - just look at the index page where I have a card container with cards and a card container with sections. Do a preview and then resize the browser window. Then change the bottom card container to have a breakpoint (say 768) and see what happens.

Help????

Alan
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How do sections resize?

Post by Pablo »

The layout of a section is responsive, so you can rearrange the layout in breakpoints.
Because the layout of a section is fixed/absolute (unlike cards which are floating), at a certain point the content will overlap or 'break'.
This is logical behavior because there is no way for the browser to know what to do with the scaling elements at that point.

Note: when you share a DEMO project can you please remove all pages and objects that are not relevant to your question?
For further details about how to share a project file, please see this FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Re: How do sections resize?

Post by alan_sh »

Thanks for the information, Pablo.

I've fixed it by putting the sections in a layout grid, rather than a card container.

Apologies for the extra pages - I wasn't sure what the impact would be if I removed them and the whole thing was only 2Mb.

regards

Alan
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: How do sections resize?

Post by Pablo »

I wasn't sure what the impact would be if I removed them and the whole thing was only 2Mb.
It is not about the size, but more about the 'efficiency' for me when I open the project. With so many pages I have no idea where to start. So, in many cases I have to spend a lot of time stripping out all the pages and objects myself befroe I can get to look into the actual issue.
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Re: How do sections resize?

Post by alan_sh »

OK - I'll try and do better next time.

Alan
Post Reply