For my website I'm currently using an off canvas header, with dark elements and white background (see attachment image "dark header - off canvas closed" and "dark header - off canvas open").
Everything works fine except when I open it on a page where the header is set up as transparent: inside the off canvas menu, the header elements (logo, woocommerce icons and close icons) remain white/light, whlie they should be black/dark.
It worked halfway throught: now the elements inside the off canvas menu, the header elements (logo, woocommerce icons and close icons) are black/dark, but they are black/dark when is closed too. (see attachment image)
I need that when the header is closed they are white/light, while when it's open they became black/dark.
Hi! It seems that the problem is still there: in pages like this one and the articles that have transparent header, the transparent header is still black/dark, where it should be white/light (only at the loading of the page, where the off canvas menu is closed)
it should work in the same way in the home (I don't understand why it behaves differently)
I just logged in and corrected the Starting Colors and the Logo Dark field options. You can now use the Page Metabox Options to set the Default color here:
I think that the problem is not resolved: now I can see the header with off canvas menu CLOSED always correct,
but when the off canvas menu is OPEN, the header elements (logo, woocommerce icons and close icon) are always white/light (when the header is transparent) while they should black/dark (as you can see in this page).
On top of that the majority of these pages are post pages (single), so I can't set up the header as you suggest me
Now the header is always transparent through the entire page, but when the off canvas menu is OPEN, the header elements (logo, woocommerce icons and close icon) are still always white/light (when the header is transparent) while they should black/dark (as you can see in this page).
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body #header-outer[data-transparent-header="true"].transparent.side-widget-open {
background-color: #c0d781 !important;
}
Your solution is not what I wanted to do: the background is simply green when the off-canvas menu is open on a page with transparent menu; I instead just want that the header elements (logo, woocommerce icons and close icon) inside the off-canvas menu to be black/dark.
At this point I'll try to resolve this with css, but I think is a general theme bug. Hope it will be fixed in next updates.
Hi!
For my website I'm currently using an off canvas header, with dark elements and white background (see attachment image "dark header - off canvas closed" and "dark header - off canvas open").
Everything works fine except when I open it on a page where the header is set up as transparent: inside the off canvas menu, the header elements (logo, woocommerce icons and close icons) remain white/light, whlie they should be black/dark.
Can you help me to resolve this issue?
Thank you
Hi There,
Please send in your admin login credentials so that we can look into this further.
Thanks.
Hi There,
I adjusted as shown here:
Please check whether it is done as you wanted.
Thanks.
It worked halfway throught: now the elements inside the off canvas menu, the header elements (logo, woocommerce icons and close icons) are black/dark, but they are black/dark when is closed too. (see attachment image)
I need that when the header is closed they are white/light, while when it's open they became black/dark.
Hi There,
We have adjusted as shown below, please check:
Thanks.
Hi! It seems that the problem is still there: in pages like this one and the articles that have transparent header, the transparent header is still black/dark, where it should be white/light (only at the loading of the page, where the off canvas menu is closed)
it should work in the same way in the home (I don't understand why it behaves differently)
thank you
Hi There,
Seems your logins have expired.
Please check and resend.
Thanks.
Hey Again,
I just logged in and corrected the Starting Colors and the Logo Dark field options. You can now use the Page Metabox Options to set the Default color here:
Thanks
ThemeNectar Support Team
Hey!
I think that the problem is not resolved: now I can see the header with off canvas menu CLOSED always correct,
but when the off canvas menu is OPEN, the header elements (logo, woocommerce icons and close icon) are always white/light (when the header is transparent) while they should black/dark (as you can see in this page).
On top of that the majority of these pages are post pages (single), so I can't set up the header as you suggest me
Hi There,
Please resend your login credentials.
Thanks.
Try using the "Header Permanent Transparent" Option and check.
Thanks
ThemeNectar Support Team
It still not resolve my issue :(
Now the header is always transparent through the entire page, but when the off canvas menu is OPEN, the header elements (logo, woocommerce icons and close icon) are still always white/light (when the header is transparent) while they should black/dark (as you can see in this page).
Hey Again,
The Custom Header Color Scheme was causing the issue. Setting it to Dark or Light seems to make it work without any issues.
If you still need a Custom Color Scheme try using a color that is neither white or black.
Thanks
ThemeNectar Support Team
So there is no way to achieve the exact header's color I need?
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body #header-outer[data-transparent-header="true"].transparent.side-widget-open { background-color: #c0d781 !important; }Thanks
ThemeNectar Support Team
Hi! sorry for the delay!
Your solution is not what I wanted to do: the background is simply green when the off-canvas menu is open on a page with transparent menu; I instead just want that the header elements (logo, woocommerce icons and close icon) inside the off-canvas menu to be black/dark.
At this point I'll try to resolve this with css, but I think is a general theme bug. Hope it will be fixed in next updates.