Hamburger menu - space between submenus is too less on Mobile device - Forum | JoomShaper
Solved Helix Framework

Hamburger menu - space between submenus is too less on Mobile device

Asked by Kinastowski 4 years ago Last activity 4 years ago

Hello,

how can I extend the distance between submenus in Hamburger presentation.
Qurrently it is too less for touch handling on Mobile devices (see https://bmtv.de )

Best Regards

Accepted answer

Marked as the solution
Rashida Rahman Staff
4 years ago

Hi there!

Thanks for your query.

Please use the following code in your custom CSS:

body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li ul>li {
    padding-bottom: 10px;
}

You can adjust the padding value in the above code as per your wish.

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

2 more replies

Oldest first Newest first Most helpful
Ariba Staff
4 years ago

Hello

Thank you for your query

Please add the following css rule in custom css section

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    display: block;
}
Rashida Rahman Staff
4 years ago

Hi,

Thanks for accepting the answer:)

Have a nice day!

Log in to reply.