Streaming live at 10am (PST)

Help with menu not scrolling and showing correctly on mobile view

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

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

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:

@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”.

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

1 Like