My mobile nav bar worked well until recently. I am not sure what is happening. I feel like it is Webflow bug (meaning not caused by improper creation of the nav bar)
The nav bar is created using a div element (if click the little gear icon there is not settings for nav bar in the menu / I did not create this nav bar I am not very clear why it was created like this)
If you open this on a phone: http://open-data-impact-map.webflow.io/
You'll see the mobile nav bar is twice the width of body for mobile portrait view (zoom out you web page).
Also I attached an screenshot from my iphone 6s to show what is happening.
Thanks in advance - if there's any part unclear please let me know.
Update1: If setting the width to 77%, it will appear fine on iphone 6s. But it will appear shorter than body (presumably by 23% on a desktop browser if you shrink the browser). It seems like, webflow is getting the width of the screen differently for the nav bar and for the body. (Note: navbar is set to position fixed, and body is set to position absolute)