Hi I desiged a site and it looks all nice and organized. But when I showed it on different laptops (using Microsoft edge and safari), the site appears all haphazard like you see below. It seems like i have a container which is not resizing as intended on this browser:
Hi @ChrisC - the screenshots are from a maintenance company, but your read-only link goes to a fireworks website. Can you post your correct read-only link so the community can try and help you out?
Also, please let us know what browser versions of Safari and Edge youâre using?
@ChrisC, you have the grid for that content set to 137% which causes the content to spill beyond the parent container. You have positional offsets on the container as well to try to correct for that content being off center. They donât solve the issue and will case a cascade of problems at every breakpoint.
If your goal is to make the content wider than the standard Webflow container, then donât use Webflowâs default container. Instead build your own âcustom containerâ to hold your content.
@vlogic@myonke Thanks guys for the help, I am working on the issue related to the grid content width and should be able to sort that out. But do you folks have any insight as to what is causing the behavior seen in my header screenshots near the end of my original post? Thank you very much!
There are lots of Chrome extensions or websites that will show responsiveness on different screens, but I always found them buggy. I typically just zoom in or out on my own browser, and I know Webflow actually mentions this in one of their vids.