Hamberger Colour Change And Facebook Pixel - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Hamberger Colour Change And Facebook Pixel

G

Graeme

Helix Framework 3 years ago

Hi Just Upgraded a test version of this site to the lates version HU2 From HU1.x The Hambers is now black when it was previously white

I can edit the colour in the web browser inspector but when i add this code to the custom Css it has no effect
.burger-icon>span {background-color: #fff !important; } i have tried many variation of this to no effect

It probabbly my ignorance in css but can you help

Also this site needed to have a facebook pixel coded added. we had to remove it in HU1.x as it was incompatible is this still the case in HU2

0
7 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #48037

Move this line

#sp-menu .burger-icon > span { background-color: #ffffff !important;}

at the top of custom CSS section, I have one theory which I want to confirm

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #47937

Hi

Could you please give me your super admin access on the hidden content so that I can check?

-Regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #47941

Hi,

in new Helix Ultimate you have to use:

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

and your CSS code was fully OK. But I don't know where you used it. I don't see it. Have you read Helix documenation where to put Custom CSS? Remember to disable CSS compression, clean Cache and enable again. It may help.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #47942

Your Pixel Code you can use inside Template Options - Custom Code - and there in < / head > or < / body> depends how they recommend.

0
G
Graeme
Accepted Answer
3 years ago #48034

Hi Code is in Custom CSS I have done everything you suggested but no change I can get the Surrounding background div to turn white so the code is changes are changing the web page.

Great that The face book pixel now works without disrupting the off canvase menu

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #48038

BTW

Inside your custom CSS area there is "Stick menu" it should be added as comment syntax, not solid text.

foto_7413_2021.jpg

0
G
Graeme
Accepted Answer
3 years ago #48851

Hi This worked well on several sites I moved it from the base of the code to near the top just under the Stick menu css all is well it needed

#sp-menu .burger-icon > span { background-color: #ffffff !important;}
.burger-icon > span { background-color: #ffffff !important;}

I have no idea but this is a constant issue on several sites with a dark menu but hey it works and it make no sence that you would need both lines of code, but take one away and it stopped working

0