Tee Famakin Tee Famakin - 1 year ago 192
CSS Question

how to make wordpress header transparent

Hello i am working on a wordpress thrive theme "squared", i am trying to make the header of this theme transparent.

i have searched online and tried what i saw, but it still shows up as white instead of transparent.
this is what i have tried

header {
background: transparent;
font-weight: 400;
padding-top: 10px;
padding-bottom: 10px;

this is the site i am trying to make the header transparent


please is there anyone that has been able to overcome such, please help, thanks

Answer Source

It's not that the element is showing up as white, it's that what's behind it is white. If you want the transparent menu overlayed over your hero photo, you need to set header to background:transparent; and set #floating_menu to either position: fixed or position: absolute;.

position:fixed is probably the one you want, since you named it "floating menu" (fixed position will keep the menu always at the top of the viewport).

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download