Hi,
i am on the latest version of wordpress and enfold and i cant find “transparent header” option on product sites too…
Thanks a lot!
any idea?
Hi,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top #header {
position: absolute;
background: rgba(255,255,255,0.6);
}
#top #header .header_bg {
background: transparent;
opacity: 0;
filter: alpha(opacity=0);
}
Let us know if this helps :)
Best regards,
Nikko
Hi,
yes works fine. thank you.
but border ist still white.
do have any css?
thank you!
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.single-product #header_main {
border: none;
}
Best regards,
Yigit
Thanks worked fine, but now i got a grey header on mobile. how du i get that white?
Hi,
Your header is displaying white on my end when checking in Chrome, could you try clearing your browser cache and a reload to see if that helps please?
Best regards,
Rikard
You can filter the enfold header classes to enable transparent headers on woocommerce pages.
/**
* Add transparent header on woocommerce pages
*/
add_filter('avf_header_setting_filter', function ($header) {
if (is_shop()) { // use check for your need
$header['header_transparency'] = 'header_transparency';
$header['header_title_bar'] = 'hidden_title_bar';
$header['header_class'] = $header['header_class'] . ' av_header_transparency';
}
return $header;
}, 1);
Hi Resonanz,
Thanks for helping out :)
Best regards,
Nikko