Solved Templates

Off-Canvas Menu CSS

Asked by Stephane Hanrez 2 years ago Last activity 2 years ago

Hi,

How do I change the layout of the off-canvas menu on mobile phones ?

Typically, I would like to change the line-height to give it a bit more space, or change the font.

Thanks

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
2 years ago · edited

Hi Stephane,

Consider using Custom CSS.

and for font family you can use Typography > Custom tab > and put class names used in offcanvas menu, for example: .offcanvas-menu .offcanvas-inner ul.menu a

Lots of tips you can find here: https://www.joomshaper.com/documentation/helix-framework/customization-tips

I hope you can use browser "Code Inspector" if not read: https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

Log in to reply.