Canvas Support

Sticky Logo

1 reply·opened Jun 20, 2017
V
varghesedxbJun 20, 2017

Hello,

I am using op-counter-2.html file.
When I scroll down the page, I want a different logo should appear on the menu. How to do that?
My current script below for logo

<div id="logo">

attachment

attachment
</div>

S
SemiColonWebSTAFFJun 25, 2017

Hello,

This is Definitely Possible. You can simply set data-sticky-logo="logo-sticky.png" to the <a> Tag inside the #logo Element: 

<div id="logo">
	<a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png" data-sticky-logo="demos/media-agency/images/logo-media.png" data-mobile-logo="demos/media-agency/images/logo-media.png"><img src="images/logo.png" alt="Canvas Logo"></a>
	<a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png" data-sticky-logo="demos/media-agency/images/logo-media@2x.png" data-mobile-logo="demos/media-agency/images/logo-media@2x.png"><img src="images/logo@2x.png" alt="Canvas Logo"></a>
</div>

This will definitely 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