Header does Not Become Transparent - Question | JoomShaper

Header does Not Become Transparent

D

Dominik

Helix Framework 8 months ago

Hi there

I have added the following codes to my custom.css:

#sp-header.header-sticky {
    background: rgba(0, 0, 0, 0) !important;
}

#sp-header {
    background: rgba(0, 0, 0, 0) !important;
}

Header-sticky works. Always and on every page the header becomes transparent when scrolling. But the background for the header is only transparent on the start page. On all other pages it is still white:

https://prnt.sc/KjJ4LV1G1dd_

How can I solve this?

Thank you. Domi

0
3 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 8 months ago #185582

Hi

Thanks for contacting us and sorry for your issue. Your header color settings work. You did not see it because Header is in relative position. And therefore you see body background color through Header. You should place Header in absolute position via css, then it will works.

#sp-header {
  position: absolute !important;
}
0
D
Dominik
Accepted Answer
8 months ago #185586

Thank you very much Mehtaz.

Domi

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 8 months ago #185588

You are most welcome.

0