Mobile menu submenu not scrolling. most bottom links not displayed

[jonecky816739]

Hi there.

I’m developing a new version of my site. The previous version (still on use) works nicely with mobile menu and it’s submenu at following address:

Antiikkiliike Joensuussa vanhoille ja erikoisille esineille - Old Illusions

Then, I made a duplicate of the site to following address with slight changes to theme and it’s CSS, now logo and navbar are inline but that’s basically it:

https://www.uusi.oldillusions.fi

Everything else works just fine but when browsing with mobile (not just mobile mode on desktop), mobile menu submenu items are not all displayed and I cannot scroll submenu items. For example, it you choose “KOHTEET” from submenu, it only shows 4-5 items while there are 8 of them. In old version you just scroll down the menu to see rest of the menu items but in new version I cannot scroll the submenu and most bottom items stay hidden.

I’ve tried quite a few things and have searched forum too but couldn’t find answer to my problem which I really need to solve. Please help me.

[jonecky816739]

Solved! Got help from X Theme FB Forum from another user. I just added following code to my CSS and got everything working:

.x-brand{
max-width:60vw
}

.x-nav-wrap-mobile{
max-height:calc(100vh - 100px);
overflow-y:scroll;
}

[basanta]

Glad to know that!

Thanks