Archived topic

make a scrollable menu

3 replies · Started by Abdelfttah on August 18, 2019

Viewing posts 1–4 of 4

August 18, 2019 at 1:43 am #986992

Hello
I face issue with viewing the long menu on mobile devices. so I wonder How can I make a scrollable menu for mobile. and thanks.

Note:
I tried to enable off-canvas on mobile but sub-sub-items don't appears.

August 18, 2019 at 8:15 am #987295

Hi there,

similar topic here, and some CSS to force the normal mobile menu to fill the screen and become scrollable:

May require some tweaking to work on your site.

August 19, 2019 at 2:16 am #987654

Hello
Thank you for your reply. I make some tweaking on css and works fine. thanks.

@media (max-width: 768px) {
    .main-nav>ul {
    max-height: calc(100vh - 60px);
    overflow-y: scroll;
	}}

August 19, 2019 at 5:29 am #987767

Awesome - glad to be of help.

This archived topic is closed to new replies.