Solved Templates

Styling the offcanvas menu

Asked by Matthias Heymann 5 months ago Last activity 5 months ago

Hi all, J6.1 latest version of Fixter template.
I can't find any place to style the offcanvas menu. Background, typo color, hover effects.
Do I have to do all this via custom css?
Thanks and best regards
Matthias

Accepted answer

Marked as the solution

Mehtaz Afsana Borsha Staff

5 months ago

Is this solved now? If yes, you can then close this post by accepting the answer.

Matthias Heymann Asked this

5 months ago

Actually matter is solved, but I found the solution myself.
Thanks

Mehtaz Afsana Borsha Staff

5 months ago

Glad to know that and thanks for accepting the answer.

4 more replies

Paul Frankowski Senior Staff

5 months ago

Hi Matthias,

It will be faster and more robust done it all by Custom CSS.

Tips >> https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-change-the-color-of-offcanvas-menu-icon-used-in-header

Above hover effect, sorry, it's on your hands, after reading documenation you know CSS class name already.

Mehtaz Afsana Borsha Staff

5 months ago

Thanks for contacting us. Could you please give me your site URL? So that I can check.

-Regards.

Matthias Heymann Asked this

5 months ago

Details in hidden content ;-)
Sofar as I can see, there's no possibility to style this via preset, no offcanvas section there.
I had Chat GPT write me some custom css, but that does not work.

Paul Frankowski Senior Staff

5 months ago · edited

Matt, but I gave you link to documenation where you can find some ready solutions for Helix Ultimate.

Indeed, for older Helix3 you have to use different one, for example:

.fa-bars::before {color: #96C11F;}
#offcanvas-toggler > .fa {font-size: 32px;}