The "Header Permanent Transparent" Setting in the Theme Options is set to "on". But it does not seem to work on the frontend. This can be overwritten on most pages by forcing transparency on the page settings itself, but there is no option for that on portfolio, and also it's unnecessary additional work to set it individually.
I've checked the html output and there it's set to false: data-permanent-transparent="false"
It seems that the setting in options does not carry over.
The transparent header is normally triggered when you have a header image or slider at the top of your page. Try adding a header image and let us know how it goes.
I hope that helps. We look forward to your feedback.
So there is no global way to force the transperent header without using #header-outer { background-color: transparent!important; } ?
As far as I can see there are two global settings regarding the transperent header.
1. "Use Transparent Header When Applicable" -> that does what you say
2. "Header Permanent Transparent" -> I thought this would make the header transperent even if there is no header image or slider at the top.
And then there is the individual Page Setting "Force Transparency On Navigation" that works as intended. But it seems quite cumbersome to set this for each page instead of having a global option.
The "Header Permanent Transparent" Setting in the Theme Options is set to "on". But it does not seem to work on the frontend. This can be overwritten on most pages by forcing transparency on the page settings itself, but there is no option for that on portfolio, and also it's unnecessary additional work to set it individually.
I've checked the html output and there it's set to false:
data-permanent-transparent="false"
It seems that the setting in options does not carry over.
Attached files: Bildschirmfoto 2024-04-09 um 09.35.02.png
Bildschirmfoto 2024-04-09 um 09.36.07.png
Bildschirmfoto 2024-04-09 um 09.38.14.png
Hi Simon,
Thank you for getting back to us.
The transparent header is normally triggered when you have a header image or slider at the top of your page. Try adding a header image and let us know how it goes.
I hope that helps. We look forward to your feedback.
Kind regards,
So there is no global way to force the transperent header without using #header-outer { background-color: transparent!important; } ?
As far as I can see there are two global settings regarding the transperent header.
1. "Use Transparent Header When Applicable" -> that does what you say
2. "Header Permanent Transparent" -> I thought this would make the header transperent even if there is no header image or slider at the top.
And then there is the individual Page Setting "Force Transparency On Navigation" that works as intended. But it seems quite cumbersome to set this for each page instead of having a global option.
Attached files: Bildschirmfoto 2024-04-09 um 12.47.51.png
Bildschirmfoto 2024-04-09 um 12.47.45.png
Hey Again,
I am afraid there is no global option for it as it could cause overlapping issues with the Page Content and header.
Thanks.
ThemeNectar Support Team
Understood. Thanks for clarifying.