Super sorry to hear about the issue you're experiencing. @sabanna found few things that might have helped with solving your problem, so kudos on that Anna
I have found few more things that should solve this problem.
First of all please move navbars from inside of hero section and keep them in the root of the body. There are few exceptions of doing so but this is a common usage.
Now... head to your
mobilenav node (easy to do so from navigator)
Once you're there please go to mobile view
and go to styles where we need to fix few things.
First of all we need to clear
width value. You can do that by clicking on blue name and
Now make sure you set values in designer as in the picture below. That will make sure we have a navbar appearing at the very top of the website and that it will fill entire width of the screen
Notice how I have cleared values for margin, width etc in here. Webflow handles default values for this on the level that is enough for this to work well
That should do the trick for the white background on the side of the screen. If you have followed all steps provided by @sabanna in previous posts and this post you're reading you should have that working well
I have also saw you're using two navbars: first for desktop, tablet and phone landscape and second for mobile portrait only. I am surprised as you can use only one and style it however you want
:) Please take a moment and watch the video in our tutorial available at http://help.webflow.com/lesson/navigation where you should get to know the basics of navbar integration and styling.
Let us know if you need any further assistance and make sure to follow steps we're providing