Dark transition lags

2 replies · opened Nov 3, 2022

BbriercrestNov 3, 2022

hi

Love this framework!!! Having a small problem that I cannot seem to resolve.
I am using the transparent header. I have a dark logo and a normal logo. I am using sticky-header and apply the sticky-shrink

When I scroll the header is supposed to transition from transparent to white background ... but it takes at least 10 seconds before the proper logo and menu text colour transitions while I am scrolling. It does this whether I have my custom css applied or not.

It does not do this on your demo pages.I have tried to duplicate what your demo pages have in terms of classes.
I am wondering what I am doing wrong... or perhaps there is somewhere in the code where it specifies a time delay or vertical scroll position that effects the transition? I did add top-bar above the sticky header, but it still does this whether the top bar is there or not.

Hoping you can shed some light on this for me?

Please advise

thanks

Owen

p.s. I can only show you the page in question if I add your IP to my allowed list as this is a project under development.

BbriercrestNov 3, 2022

you can cancel this, I figured it out.. .found your data-sticky-class="not-dark"

Owne

SSemicolon WebSTAFFNov 4, 2022

Hello,

Thanks for the Kind Words! :) Glad the issue was resolved.

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

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