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

Burger Color

S

Schwyzer

Helix Framework 3 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

0
21 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #57754

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

0
S
Schwyzer
Accepted Answer
3 years ago #57755

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

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

Besides you have also problem with DSGVO law.

Read our tips: https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-3/google-fonts-and-dsgvo

DE: https://www.ra-plutte.de/lg-muenchen-dynamische-einbindung-google-web-fonts-ist-dsgvo/

Please fix it asap, German lawyers only wait for such a opportunity, easy money.

0
S
Schwyzer
Accepted Answer
3 years ago #57757

Thank you Paul

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

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

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 ;)

0
S
Schwyzer
Accepted Answer
3 years ago #57759

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

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

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

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

We take care about IT and Law as well.

Maybe becuase of my profession from university, haha

0
S
Schwyzer
Accepted Answer
3 years ago #57766

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

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

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

0
S
Schwyzer
Accepted Answer
3 years ago #57994

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

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

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

0
S
Schwyzer
Accepted Answer
3 years ago #58036

I tried the second code....the image is removed, but now I have a big place empty instead of the image...on iphone and on tablet landscape and tablet normal....

https://ramonabeauty.ch/haarentfernung

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

ALternative way....

create separate Row for Desktop and Tablet&Mobile then more control - what and how it's displayed.

0
S
Schwyzer
Accepted Answer
3 years ago #58169

yes, I know I can disable the row for Tablet & Mobile.....but the problem is still on tablet landscape....the image is not showing, but an empty space....hmmm....

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

I can only check usining Tablet emulator.

As you could see I used (max-width: 991px) - to use this rule for mobile only change value to 680px

0
S
Schwyzer
Accepted Answer
3 years ago #58173

i fixed it:

so it works

sorry, ups....now its disablet on desktop also.....hmmm....

0
S
Schwyzer
Accepted Answer
3 years ago #58176

I disabled tablet and mobile......I changed to 680px....but still I have the empty place in tablet landscape....not the image, but the empty space....

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

it scrolls on my tablet landscape.........but I would like to disable the image for it.....well...the empty space is still there.....when I disable the image...

sorry for my english...

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

As I said before if you think that solid color is better, use it.

I suggested you solutions that are working for my private sites.

0
S
Schwyzer
Accepted Answer
3 years ago #58338

With this code...it works!!!

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { #section-id-1645458955188{ display: none !important; } }

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

But this is for Tablet only.

0
S
Schwyzer
Accepted Answer
3 years ago #58342

its for tablet landscape.....it works......

0