Streaming live at 10am (PST)

Containers not working in mobile view on phone, nav bar mobile menu in wrong place

Hi, on one of my pages, the About page specifically, the containers are not working when I view my site on a mobile device. It looks fine in mobile editor view, but when I look up the website url on my phone it is too zoomed out. The nav bar is also showing up in weird places on mobile. The hamburger menu opens really far down on the page for some of them and I am not sure how to fix this.

Thank you!


Here is my site Read-Only: [LINK][1]
([how to share your site Read-Only link][2])

[1]https://preview.webflow.com/preview/prism-website?utm_medium=preview_link&utm_source=designer&utm_content=prism-website&preview=efe107086b94b35d1d9b3d99cdcca036&pageId=5d5458d401f72a7dfa024313&mode=preview
[2]: https://university.webflow.com/article/sharing-your-sites-read-only-link

Hey there @Charlotte_Cannon!

Thank you so much for reaching out to the forums.

Looking through the preview link, there is a positioning style set on the "Navbar 8: element within the mobile-portrait viewport. Once I reset that style, and the nav menu showed up in the appropriate spot.

​Hopefully this helps, and please feel free to reach back out if you have any more questions; I’d be more than happy to continue assisting.

My best,
Riley