Hello - I need some help fixing my site, which I just launched. It doesnt look like it does in the designer. On mobile breakpoint, the top navbar extends beyond the width of my phone’s screen, on the right. After my Hero section scrolls, the width decreases with it, but still extends beyond the width of my phones screen. Why is this happening and why are my sliders affecting the navbar width? I have pretty much every width set to 100%, so the containers should only be going to the edge of my screen (as it shows on the designer)
the best way to get help is to follow the forum post guide that is pinned on top of each section, if you have missed it here they are.
When posting please:
Required: Share your project’s Read-Only link and live site’s Published link
The read-only link is a special URL generated in the Dashboard to allow others to view your project in the Webflow Designer. How to get your project’s read-only link?
The published link is the webflow.io subdomain where you can view the live site with custom code running. It is IMPORTANT to share this link, as custom code (eg. javaScript) does not run in the Designer.
Describe issue in detail including what page, section and/or element is localized
Upload as many screenshots as possible or provide screencast videos to help others help you faster
Add a description and/or post a link to a working example of what you’re trying to achieve
Reply to users by tagging using the @ sign followed by their forum username like this: @forumMemberName
EDIT: Tried reducing the width and height of the orange chevrons that I have set to Absolute.
It’s odd - the site still appears too wide, but reduces to its proper width - but only after the Hero slider is scrolled…
hi @KVD you container that has animation applied (first in sec-skills with Fly in items) should have set overflow: hidden. Once is set issue should be solved.
