-
Posts
-
I tried inspecting and changing the background to transparent with CSS, but have no luck.
Just looking to change the background to transparent and the fixed menu header to remain the same as a solid.
Thanks much
Andy
Hey,
What type of header do you have? Please check on Enfold > Header > Header Type.
Regards,
Ismael
Hey,
This will make the header transparent:
.header_color .header_bg, #header_main {
background: transparent;
}To have the full effect, move the main container upwards:
.fixed_header #main {
padding-top: 0;
}Cool website, by the way. :)
Regards,
Ismael
Hi guys,
I’m also trying to get a transparent header with small fixed header type. When I start scrolling the header seems to switch to semi-transparent by default.
I’m working locally so unfortunately can’t post a link.
edit: thanks for the quick fix :)
Hey,
The code above should work even when you scroll down the page. Please try this:
.fixed_header #main {
padding-top: 0;
}
.header_color .header_bg, #header_main {
background-color: transparent !important;
border: none;
}
.header_color div {
border: none;
}Cheers,
Ismael
Hi thanks so much. I tried the code, it works, but the sticky fixed menu becomes transparent as well.
Is there anyway to make the fixed scrolled menu a solid color when scrolled?
Site here:
hoodandheist.com
- The topic ‘CSS help with changing the header menu backgroudn to Transparent?’ is closed to new replies.