Change Color Of Hamburger Menu - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Change Color Of Hamburger Menu

Edze de Boer

Edze de Boer

Helix Framework 4 years ago

Hi guys,

I changed the background color to a very dark grey. Where do I go to change the color of the hamburger menu?

Using Helix Ultimate for this site: https://www.anoukart.com

Kind regards, Edze de Boer

0
3 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #18596

Hoi, Have you checked Helix documenation? I put there many tips.

https://www.joomshaper.com/documentation/helix-framework/helixultimate/faq-how-to-do

Also about [=] color

#offcanvas-toggler > .fa 
{color: white; }
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #41960

BTW

Tip for everyone, for Helix Ultimate 2.0 - there is separate guide: https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/customization-tips

method of [=] menu recolor is a little bit different.

0
Edze de Boer
Edze de Boer
Accepted Answer
4 years ago #41968

Hi Paul,

Placing this line of code in the Template - Options - Custom Code - Custom CSS field works fine:

.burger-icon > span {background-color: white !important;}

It seems that this doesn't work when I place this line of code in the /public_html/template/.../css/custom.css Is there a reason for this?

And what happens to the Template - Options - Custom Code fields after an update of Helix Ultimate template?

Kind regards, Edze de Boer

1