How to change coloro of burger-icon - Forum | JoomShaper
Solved Helix Framework

How to change coloro of burger-icon

Asked by Paolo Bianchi 5 years ago Last activity 5 years ago

Hello,
I'm trying to change the color of the .burger-icon element.
Having a black background I don't see it, even if it's present and working.
I tried creating a custom css but I couldn't.
Can you kindly help me?
Website: https://www.tecnolibri.it
Joomla version: 3.10.1
Helix Ultimate: 2.0.4

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
5 years ago

Ciao,

It's quite easy, please use custom CSS:

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

Remember to clear Joomla cache in JCH Optimize after using above code.

4 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
5 years ago

Hi,

You can use this custom css

.burger-icon > span {

background-color: red !important;

}

Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks

Paolo Bianchi Asked this
5 years ago

Thank you all,
I know it's an easy thing (for those who know how to do it), but having a forum with safe and fast answers is a very great value that adds to a useful and, for me, irreplaceable product.
Thanks again
Paolo

Paolo Bianchi Asked this
5 years ago

Very useful!

Log in to reply.