CODEWITHSUNDEEP
javascriptjqueryhtmlcss
Darren Bachan
Darren Bachan

Reputation: 743

Cannot get my hamburger menu to scroll

http://darrenbachan.com/playground/zeckoshop/template.html

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.

Upvotes: 1

Views: 2517

Answers (1)

Kalpesh Singh
Kalpesh Singh

Reputation: 1717

Because you need to put overflow-y: auto; on following class.

.outer-menu .menu > div > div > ul {
list-style: none;
padding: 0 1em;
margin: 0;
display: block;
max-height: 100vh;
overflow-y: auto;

}

Upvotes: 2

Related Questions