Menu won't scroll on mobile

Community resources
1

Hi guys, I hope you’re all good ;)

I just find an issue that might have been there for a while, but on a mobile phone, when I click on my burger menu and then on a dropdown button, I can’t scroll down to see everything in my menu. Do you have any idea why ? and how to fix that ?

Thanks a lot

here’s my read-only link : Webflow - Site Kolsquare

2

image
image1796×1552 207 KB

Change your align to top and add an overflow:hidden to ‘nav menu content’, should solve your issue!

3

Thanks mate, I tried it but it still doesn’t work

4

Ah I’ve missed the height. Set that ‘nav menu content’ element to 50vh height and you should see it scroll. It won’t be the correct height because you’re actually looking for 100svh minus the height of your navbar, but it should give you a start.

5

Also, you might run in to issues with the page wanting to scroll when the nav is open. Would recommend finsweet’s disable scrolling in this case

6

Thanks but I still have the same problem, when I click on (for example) Ressources, I can’t see all of them nor I can access to InfluenceForGood because I can’t scroll in my menu

7

Could you send me the live link and I’ll take a look there?

8
9

Just realised I had a pure brain fart last night, it’s overflow: scroll not hidden.

image

Set both these on ‘nav menu content’ and it’ll work. You’ll have to mess about with the height to make it work for you.

1 Like
10

Ahah don’t worry mate ! You’re the king you think you are ;) It’s now working thanks to you !

1 Like
11

Great news! Cool site btw, looking really nice

1 Like