as you can see on the page, the two logos work perfect in the header. But for the off canvas menu I need to add a third logo variant with different colors.
If the logo visibility is the only issue we can alter the image using the filters.
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):
Hey,
as you can see on the page, the two logos work perfect in the header. But for the off canvas menu I need to add a third logo variant with different colors.
Do you have a clue on how to pull this off?
Best Regards
Mehmet
Attached files: Bildschirmfoto 2022-12-14 um 14.55.44.png
Bildschirmfoto 2022-12-14 um 14.55.40.png
Hi Mehmet,
Thanks for keeping in touch.
I would request to have a look into your configurations and by this I'd request for admin login credentials so that I can check this out further.
Thanks.
Alternative would be to deactivate the logo completly when the off canvas menu opens
Is that possible if adding a third logo for the off canvas menu doesnt work ?
Hey Again,
If the logo visibility is the only issue we can alter the image using the filters.
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):
div#header-outer.transparent.side-widget-open img { filter: invert(1) hue-rotate(-51deg) brightness(4.5); }Thanks
ThemeNectar Support Team