Streaming live at 10am (PST)

Site contents can be "pushed" off the screen on mobile


#1

Somewhat new to Webflow.
I designed a on-page site that is giving me problems on mobile. On tablet and phone, I can "push" the site contents offscreen to the left while scrolling - it doesn't stay locked in place while scrolling like most sites do.

Probably some kind of rookie mistake, but I can't seem to figure out where I've gone wrong.


Here is my public share link: https://preview.webflow.com/preview/1st-time-transportation?preview=70d080258e2ca8a2ed57822a65e3f374

Live Preview: http://1st-time-transportation.webflow.io/


#2

Hi @ShaggyLittle,

deleting width: 100vw; on your navbar should to the trick.
Best,
Karl-Heinrich


#3

On Desktop too. Check the point 6. here http://inb4.webflow.io/posts/top-10-most-frequent-solutions


#4

Thank you. This was helpful, but I have a lingering issue. I have a header for mobile only, and it is shrinking slightly and jumping to the right when I start to scroll down the page. This behavior is visible in webflow preview mode as well. I don't have any scroll interactions set up for the mobile header, so I can not figure out what is causing it. I also tried deleting and re-creating it but it is still happening.


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.