Hi everyone the Grid isn’t showing up correctly on my website after I added a few more grid boxes. I used a template i found on webflow by someone by the name of Hannah Zachry. What would I need to do so that the green boxes on the right hand side show up on the side of the white box on the left and doesn’t show overlapping on the white box on the left? I would appreciate any guidance, thank you!
To resolve the issue with overlapping grid elements, there are two ways to properly position your grid children:
You can manually position elements by holding Shift while dragging them into the grid. Alternatively, you can use the Style panel by selecting each grid child and navigating to Style panel > Grid child > Position to set it to Manual. Fine-tune the positioning further by adjusting the Align and Justify settings for each element under Style panel > Grid child.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
I can see you’ve moved your social inks into Left.
I’d need to see a clear picture of what it is you’re trying to build. It looks like on desktop, Right is meant to be a grid, and Left is meant to be fixed?
Body has a lot of unusual adjustments like 165px left margin, which complicate your page flow. I usually wouldn’t do this to body.