Offcanvas Menu Cannot Scroll On Mobile (Helix Ultimate 2.1.2 Latest Version) - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer
Back to the questions

Offcanvas Menu Cannot Scroll On Mobile (Helix Ultimate 2.1.2 Latest Version)

S

sieras

Helix Framework 4 months ago

Hello JoomShaper team,

I'm using the latest Helix Ultimate 2.1.2 version with Joomla 5.

I have an issue with the off-canvas menu on mobile devices:

When I open the off-canvas menu, I cannot scroll down to see all menu items.

If the page is long, the entire website scrolls, not the menu itself.

If the page is short, no scrollbar appears, so lower menu items are completely inaccessible.

I have checked your documentation and tried adding this recommended CSS:

css Copy Edit body.offcanvas-open { position: fixed; width: 100%; overflow: hidden; }

.offcanvas-inner { overflow-y: auto; max-height: 100vh; } Unfortunately, this does not fix the problem. The menu still doesn't scroll independently, and page scroll is not properly locked.

Could you please provide an updated, working solution for off-canvas menu scrolling for Helix Ultimate 2.1.2? Or advise what needs to be changed to enable proper vertical scroll inside the menu only?

Thank you in advance for your help.

0
Website
https://plastikiniai-langai.lt
3 Answers
Order by
Oldest Newest Votes
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 4 months ago #196904

Hello Sieras,

Thank you for reaching out to us.

Could you please check now and let me know if the issue is resolved?

I just add this small css in your custom css:

.offcanvas-menu {
    max-height: 100vh;
    overflow-y: auto;
}

Thanks,

0
S
sieras
Accepted Answer
4 months ago #196905

Works!

Thanks!

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 4 months ago #196906

You are most welcome.

Could you please mark this as complete by accepting my answer of your questions?

Thanks

0