Canvas Support

Alternate logo in sticky header when using header with class "dark"

4 replies · opened May 7, 2023

LlochmuellerMEDIAMay 7, 2023

Hello,
I choose a transparent header with a dark banner image for my site, hence coded `` and the new image class logo-sticky in Canvas 7.0.7. But the sticky alternate logo won't show. It seems as if .sticky-header #logo .logo-sticky {display: flex} is overuled. Do I have to apply something else for alternate sticky logos with dark transparent headers? Thank You!

SSemicolon WebSTAFFMay 9, 2023

Hello,

Thanks so much for reporting this and Apologies for the Inconveniences caused!

We are looking into this and will release a fix shortly. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SSemicolon WebSTAFFMay 15, 2023

Hello,

Thanks for your Super Kind Patience!

Please replace the existing js/module.logo.js and js/fn.logo.js Files with the ones attached to this reply.

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

LlochmuellerMEDIAAug 10, 2023

Sorry for coming back so late, this project was in idle for some time. I've updated the page to Canvas 7.1.1 but the issue still seems to be there. The attached files in your reply don't seem to exist any more. Can you help me out with them?

Thanks again!

SSemicolon WebSTAFFAug 10, 2023

Hello,

Consider using this CSS in the css/custom.css File instead:

.sticky-header #logo [class^="logo-"] {
	display: none !important;
}

.sticky-header #logo .logo-sticky {
	display: flex !important;
}

This should work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard