We have finally published our new website made with Webflow: www.adoptsmt.com.
So far, it works quite well, except the result on mobile hardware with some elements, especially the navbar. In the browser on the PC the navbar works quite well, e.g. adjusts width as required with any window size. On mobile hardware (iPhone 7, iOS10) in portrait view the navbar is wider than the screen so that the hamburgerbutton is not visible, which leaves the navbar out of function.
Any hint how to solve this? Tweak the navbar? Replace navbar with a self made flexbox?
I’ve noticed you have Horizontal Scroll on your page, since your navbar width is 100% , maybe different interpretation of the browsers (desktop/mobile) of those 100% width
thanks for the hint about navbar width.
The navbar element should have a width 100% in order to cover the whole width with a 50% transparent black. The container within the navbar uses its standard width - no width is set within the container. So I assume navbar width doesn’t cause this problem.
The horizontal scrolling on the page may be caused by the animated slider “beware of the ad” in the white section above the contact form at the bottom, I assume.
