Okay, so automatically out of the gate my body does not strtch the entire width of the screen.. it has what I am assuming is a “safety” margin. My margins & padding are however set to 0, so I tried doing -65px to accomadate so my design could stretch the full width of the screen. Now, this is the wrong move obviously because I am having overflow issues that make me unable to scroll on my site. I am only 2 sections in… so I need some help. I am also open to the possibility of the issue being something else entirely… just need some guidance!
Here is my site Read-Only:
Hi there,
Using negative margins to stretch content can lead to unwanted overflow issues. Here’s a better approach to achieve full-width layouts in Webflow:
Create a proper hierarchy using Sections and Containers:
- Add a Section element directly inside the body
- Place a Container within the Section
- Add your content inside the Container
- Set the Section width to 100%
- Configure the Container with auto margins and a maximum width (like 2000px) to keep content centered
This structure ensures your content spans the full width while maintaining proper containment and responsiveness across all screen sizes.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Hello @Alexandra_Rhodes, welcome to the community!
So you have white space on right and left because your Hero Section has left and right margins of 63px, simple change them to 0 and the white space should be gone. I hope this helps
