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
Can you please give us a Share link so someone can take a look at it if it doesnât solve your problem ?
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.
