Hamburger Menu - Space Between Submenus is Too Less On Mobile Device - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Hamburger Menu - Space Between Submenus is Too Less On Mobile Device

K

Kinastowski

Helix Framework 3 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

0
3 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #66616

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

0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #66615

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;
}
0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #76821

Hi,

Thanks for accepting the answer:)

Have a nice day!

0