Header turns from dark to light mode in Hero Template

3 replies · opened Dec 18, 2020

UUlisesquagliaDec 18, 2020

Hello, I have been using a couple of the premium hero templates, (for example, rs-demo-premium-crypto and rs-demo-premium-techco) and I beleive there's a problem transparent headers. Whenever I use a transaprent sticky header in dark mode, at first the page loads correctly and everything seems to work fine, but as soon as I scroll back to the top and the header becomes transparent again, it also changes from Dark mode to Light mode. It should stay in dark mode, just like it does in other templates.

Could you please help me sort this out?

Thank you!

SSemicolon WebSTAFFDec 18, 2020

Hello,

There are 2 Solutions for this:

  1. Simply add the .dark Class to the Revolution Slider's Slide `
  • ` Tag. This will keep the Header Transparent Dark.

or.

  1. Find and delete this line of code: SEMICOLON.slider.revolutionSliderMenu(); in the js/functions.js File.

Hope this Helps!

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

UUlisesquagliaDec 18, 2020

Thank you for the quick response!
That worked perfectly!

Cheers

SSemicolon WebSTAFFDec 18, 2020

Hello,

Very Happy to Help!

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