Help with menu not scrolling and showing correctly on mobile view

Design help General
1

I’ve come across a couple of issues with my menu - it’s showing fine on the Webflow preview but when I look at the test site on my phone it’s not working properly.

  1. When the sidebar menu moves in from the right, it should be covering the nav header (as it shows in the Webflow preview). Instead it seems to be sliding in under the nav header.

  2. When I click on the sidebar menu dropdown items I can’t seem to scroll down to see the rest of the menu.

Thanks for your help in advance!

Here is my site Read-Only: Link

1 Like
2

Hello,

I had a look at your project.

  • go to your “lower nav”
  • and to “Nav Menu” and set position to “absolute”

Than it should work if you scroll down.

Enjoy,
Matthias

3

Thanks for taking a look Matthias!
I have set the position to absolute for the ‘Nav Menu’, and yes you can scroll down however it is sliding under the ‘Top Nav’ now, I’d like it to slide over the top. Any thoughts as to how to get around this?

Thanks again :slight_smile:

4

@livstrawbridge I can’t understand why you using two navs. Delete the “top nav” and put the elements in “lower nav”. Everything you want to do you can do in “Lower nav” and you don’t have to use negative position for your “menu button”.

5

Thanks Matthias, I’ve restructured the nav so it’s all together now. And it’s working perfectly :smile:

1 Like