Enjoy an ad free experience by logging in. Not a member yet? Register.
|
|
Results 1 to 2 of 2
Thread: Hamburger menu won't scroll
-
04-10-2016, 05:28 AM #1New to the CF scene
- Join Date
- Apr 2016
- Posts
- 1
- Thanks
- 0
- Thanked 0 Times in 0 Posts
Hamburger menu won't scroll
zeckoShop
I'm having an issue with my hamburger menu. It appears on mobile. I have .js set so when you click on it, it toggles a class that adds position:fixed to stop the site from scrolling. I am not sure if this is the issue of it's CSS, but when the menu is open, and I've added enough li's to warrant a scroll, I can't scroll on it.
Any ideas? On my phone it just cuts off and won't allow a scroll.
-
04-10-2016, 08:05 AM #2The fat guy next door
- Join Date
- Jan 2006
- Location
- Halle (Saale), Germany
- Posts
- 9,808
- Thanks
- 6
- Thanked 1,159 Times in 1,130 Posts
I haven’t looked at your code yet but you need to explicitly tell the element that it can scroll if the content gets larger than the element. Add
max-height: 100%andoverflow: autoto the menu wrapper and see if that helps.
Reply With Quote
