Unable to create Full Width Page - lt of margin wasted

[girija.mahapatra]

Hi Pablo,

My Carousal images are stretching full page, also layers are stretching. But page content are having almost 2 inch margin on both side. Searched many posts but unable find any solution.

I will upload my .wbs file of 1 page, plz give me the link where I can upload or send.

Regards,
Girija

[BaconFries]

You can upload your project to your on host/site and provide a url to download from or use the likes of Mediafire and provide the url generated. Before doing so.please read:


viewtopic.php?t=82134

[girija.mahapatra]

https://docs.google.com/document/d/1GKU ... ue&sd=true

[Pablo]

If you want to create a flexible layout then I suggest to use layout grids instead of layers.
Layers are for creating fixed/absolute layouts , so if you want to adjust the layout for smaller screens then you will have to add breakpoints.

Related tutorial:
https://wysiwygwebbuilder.com/layout_modes.html

[girija.mahapatra]

I had tried layout grids only but the moment I insert a layer with a bunch of layout grids, the webpage behaves erratic. If I add a layer after adding a layout grid then it floats erratically.

While image size in a slide show contain itself to the size of the slide container, the moment I put the slide show inside a layout grid, the images overflow to their true size.

There may be minute details to design inside a layout grid to adjust sizes of components/images but such tutorials are not available anywhere.

Regards

[Pablo]

Currently your layout is not responsive because you are using (fixed) layers. The layer itself is full width but the content is positioned fixed, so eventually it will no longer fit in the container..
You can mix layers and layout grid, but if the layers are fixed then things may start to overlap and the layout 'breaks'. That is why you need breakpoints.

Most users are using layout grids so I am sure it can also work for you.
Also, most templates use layout grid gt so there are many examples available.

Again, I do not recommend to use layers for flexible layouts unless you are an advanced user and understand the concept of fixed layout.

[girija.mahapatra]

Thanks Pablo, I will recreate all pages again using layout grid, that is the only way out to maintain my website on my own.

Will come back in the same thread where I face trouble.

Cheers

[girija.mahapatra]

I am unable to insert a Carousel inside a layout grid. If I keep the Carousel as it is, the layout grids added below are not visible after publishing. Either the content (text/image etc) inside the layout grids go behind the Carousel or not visible at all. Putting the Carousel inside a Flex Container also has not desired result.

How to add layout grids after a Carousel to maintain Full width page.
Regards

[crispy68]

To use the carousel to work with layout grids, you can do a couple of things:

1. Set type = Full Width and Floating and check the box for responsive carousel
2. Set type = flexible - it can then be dragged into a grid if needed but is not necessary as it works on its own with grids.

[girija.mahapatra]

Genius @crispy68 , thank you dear