I'll try my best to describe, but it's easiest to look at by going to the website.
Page loads, the logo is white. Then I scroll down, logo turns to black version. I scroll back up to the top of the page and logo does not turn back to white.
Same thing both on Mozilla and Chrome. I want the logo to turn back to white when it is scrolled back to top. Thank you!
Hello,
The Default Logo should always be the Dark One and then you can simply define the Light Logo in the data-dark-logo Attribute. Consider using this code:
<div id="logo" class="col-auto order-lg-2 me-lg-0 px-0">
<a href="index.html" class="standard-logo" style="height: 70px;"
data-dark-logo="/images/logo/logo-white.png" data-sticky-logo="/images/logo/logo-dark.png"><img src="/images/logo/logo-dark.png"
alt="Ababa Logo"></a>
<a href="index.html" class="retina-logo" style="height: 70px;"
data-dark-logo="/images/logo/logo-white.png" data-sticky-logo="/images/logo/logo-dark@2x.png"><img src="/images/logo/logo-dark@2x.png"
alt="Ababa Logo"></a>
</div>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