Offcanvas menu cannot scroll on mobile (Helix Ultimate 2.1.2 latest version) - Forum | JoomShaper
Solved Helix Framework

Offcanvas menu cannot scroll on mobile (Helix Ultimate 2.1.2 latest version)

Asked by sieras 1 year ago Last activity 1 year 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.

Accepted answer

Marked as the solution
Ziaul Kabir Staff
1 year ago

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,

1 more reply

sieras Asked this
1 year ago

Works!

Thanks!

Ziaul Kabir Staff
1 year ago

You are most welcome.

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

Thanks

Log in to reply.