Styling The Offcanvas Menu - Question | JoomShaper

Styling The Offcanvas Menu

MH

Matthias Heymann

Template 3 days 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

0
7 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 day ago #223587

Hi

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

0
MH
Matthias Heymann
Accepted Answer
1 day ago #223590

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 6 hours ago #223637

Glad to know that and thanks for accepting the answer.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 days ago #223437

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.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 days ago #223439

Hi

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

-Regards.

0
MH
Matthias Heymann
Accepted Answer
3 days ago #223440

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.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 days ago #223444

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;}
0