How to enlarge the font-size and line-height of the standard off-canvas mainmenu (both parent- and child menu-items) - Forum | JoomShaper
Awaiting an answer Helix Framework

How to enlarge the font-size and line-height of the standard off-canvas mainmenu (both parent- and child menu-items)

Asked by loovanloon 4 years ago Last activity 4 years ago

How do I enlarge the font-size and line-height of the standard off-canvas mainmenu (both parent- and child menu-items) without changing the font-size and line-height of the desktop mainmenu?

joomla 4.0.3
helix ulitmate 2.0.5

https://sta.vanloon.net

2 replies

Rashida Rahman Staff
4 years ago · edited

Hi there!

Thanks for contacting us.

Here is the custom code to set parent menu item:

.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 20px;
    line-height: 18px;
}
And here is the custom code to set child menu item:
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 16px;
    line-height: 20px;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
font-size: 20px;
line-height: 18px;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
font-size: 15px;
line-height: 18px;
}lease put these code in your custom.css file. You can change pixel values as per your need. Hope this helps!

Best Regards

loovanloon Asked this
4 years ago · edited

Thank you, works fine on desktop, mobile Edge and mobile Safari

Log in to reply.