Canvas Support

Nav bar first opens in 'light' mode before switch to 'dark'

1 reply · opened Dec 7, 2020

SSouthpaw14Dec 7, 2020

Hello Devs,

Have a question about main index.html file. Thought it was something I might have altered but then I looked at your original index file. Which seems to have the same behavior. Upon load the navigation bar starts in "light" mode then switches to "dark" mode. My light theme Logo is in color and my dark theme Logo is solid-white. So the brief change is quite noticeable.

Is there a way to prevent that and start strictly in dark mode. The auto-change to light mode and nav bar intro when you scroll down is so great! So I don't want to change that at all, just fix that initial switchover if possible. Here's a couple screen recordings to help show what I mean.

unedited screen recording
https://www.dropbox.com/s/r71wybmfl6sllkj/screen-record.mp4?dl=0

Visuals included
https://www.dropbox.com/s/77yycrink2212d3/Canvas%20Question.mp4?dl=0

SSemicolon WebSTAFFDec 9, 2020

Hello,

Thanks for your patience!

We confirm this behavior and this is something that is currently set by default. You can consider adding the .dark Class to the #header DIV by default, however, the Logo will still switch from Black to White. As the Logo is changed using JS when the Dark Slide is detected, the slight is due to the JS not being available on the Page. As soon as the JS is loaded and executed, the Dark Scheme comes into effect. Currently, the only option to hide this behavior is to use the Page Loading Transitions: http://docs.semicolonweb.com/docs/getting-started/page-transition/ which hides the Page until everything is loaded.

We will definitely try introducing a better way to handle this in the Future Versions of Canvas and will notify you once this feature is available. 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.

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