Customize Font of the Off Canvas Menu - Forum | JoomShaper
Awaiting an answer Helix Framework

Customize Font of the Off Canvas Menu

Asked by Kuddel 2 years ago Last activity 2 years ago

Hi there,
How can I customize the font (and its attributes like size, color ...) of the individual menu levels in the off canvas menu?
Thank you for a solution

3 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
2 years ago · edited

Hi Kuddel,

If you have raw Helix Ultimate template go here: https://www.joomshaper.com/documentation/helix-framework/presets

And find section About Offcanvas menu.

About Font-Family and Font-Size: Template Options > Typography > Custom > Custom Selectors - paste: 

.offcanvas-menu .offcanvas-inner ul.menu > li a, 
.offcanvas-menu .offcanvas-inner ul.menu > li span

And then set font settings > Save settings

Paul Frankowski Senior Staff
2 years ago · edited

And yes, using Custom CSS you can do anything, useful class names:

.offcanvas-menu .offcanvas-inner ul.menu > li a  { ... }

.offcanvas-menu .offcanvas-inner ul.menu li.active a  { ... } 

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover  { ... }

.offcanvas-menu .offcanvas-inner ul.menu > li li a { ... }

I hope you know CSS Basics.

Kuddel Asked this
2 years ago

Hi Paul,
thank you very much, that was what I was looking for. 👍👍👍

Log in to reply.