Page 1 of 1

How do sections resize?

Posted: Wed Dec 07, 2022 5:22 pm
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

Re: How do sections resize?

Posted: Wed Dec 07, 2022 6:40 pm
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

Re: How do sections resize?

Posted: Wed Dec 07, 2022 9:11 pm
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

Re: How do sections resize?

Posted: Thu Dec 08, 2022 7:10 am
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.

Re: How do sections resize?

Posted: Thu Dec 08, 2022 9:39 am
by alan_sh
OK - I'll try and do better next time.

Alan