Burger Color - Forum | JoomShaper
Solved Helix Framework

Burger Color

Asked by Schwyzer 4 years ago Last activity 4 years ago

Hi, I tried to change the burger color to yellow.....with your css.custom code
.burger-icon > span {background-color: yellow !important;}

but it didn't change, I can't see the burger in the black background of the header...do I have a wrong code?
I also cleard cache...tried other browsers......

Thanks for your help.
Kind regards,
Maggie

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
4 years ago · edited

Hi Maggie,

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

is fully OK, but you put it in wrong field (!)

Must be inside: Template Options - Custom Code - Custom CSS

foto_7830_2022.jpg

Not Custom JavaScript as you did ;(

JavaScript =/= CSS

20 more replies

Schwyzer Asked this

oh....I put it in the Custom Javascript ....ups..I am so sorry...now its perfect..
Thanks a lot...

Schwyzer Asked this

Thank you Paul

But the layout bundle is from you..........so I need to change the font manuel....
ok....

Paul Frankowski Senior Staff

Template and SPPB yes, but font-family settings are on your hands (!)

Please do it for all your clients (replace fonts), and of course take Euro for this extra service ;)

Schwyzer Asked this

hmmm I didn't change them.....but I copied the text....so maybe it changed it...

Thank you....I will handle this.....

Perfect Support!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!¨

Paul Frankowski Senior Staff

We take care about IT and Law as well.

Maybe becuase of my profession from university, haha

Schwyzer Asked this
4 years ago · edited

Do you have an idea, how i can disable a background image for tablet landscape?
the image looks always horrible.....i would like to put on this website a few background images....but not for mobile or tablets.....even not for tablet landscape..

Thank you again
Kind regards,
Maggie

Paul Frankowski Senior Staff

I think background image is not a problem but those settings

background-cover-fixed.png

But yes, it's possible to force change on tablet and mobile view by custom CSS

Schwyzer Asked this

Hi Paul
Thanks for your anwser...now the question....can you give me the custum css - code?
That would be very kind of you.

Kind regards,
Maggie

Paul Frankowski Senior Staff

No problem, but as 1st step in Row Options in "CSS Class" field put: mobile-fix

Then as 2nd step use below custom CSS in Page Custom CSS or Template Custom CSS field:

@media only screen  and (max-width: 991px) {
.mobile-fix {background-attachment: scroll !important;}
}

But if you want just remove BG image

@media only screen and (max-width: 991px) {
.mobile-fix {background-image: none !important;}
}

you can do more background customization knowing above code and basics of CSS

Log in to reply.