How To Enlarge The Font-size And Line-height Of The Standard Off-canvas Mainmenu (both Parent- And Child Menu-items) - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

How To Enlarge The Font-size And Line-height Of The Standard Off-canvas Mainmenu (both Parent- And Child Menu-items)

L

loovanloon

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

0
2 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #41608

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

1
L
loovanloon
Accepted Answer
4 years ago #41610

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

0