Mobile Menu Expanded Can't Scroll

Support
#1

I was testing out the mobile menu on the iPhone 4s and I noticed that when I opened the menu, it would not let me scroll through the entire navigation menu. Instead, it is locked in place only allowing me to see the menu items that are visible upon opening.

How do I fix this?

My website is here: https://www.corridorcompany.com

#2

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.x-nav-wrap.mobile .x-nav {
    overflow-y: scroll;
    max-height: 400px;
}
#3

I added the CSS, but it doesn’t appear to be moving completely. Maybe it’s my device. Are you able to see it working correctly on your end?

#4

Hi,

Try to reduce max-height.

.x-nav-wrap.mobile .x-nav {
    overflow-y: scroll;
    max-height: 300px;
}

Then clear your browser cache before checking.

Thanks

1 Like