Weird behavior for transparent heading on cafe demo

3 replies · opened Dec 23, 2019

Aanselm1109Dec 23, 2019

Hi,

I'm using the cafe demo and have made my header transparent and sticky. On first load everything looks like it should (image 1). As I scroll down everything continues working (image 2), but when I scroll back to the top the header looses it's dark class (image 3).

I cannot figure out what javascript is responsible for doing this.

SSemicolon WebSTAFFDec 23, 2019

Hello,

Apologies about the Inconveniences caused!

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. 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.

SSemicolon WebSTAFFDec 23, 2019

Hello,

Thanks for the URL. We have checked this out and yes this is weird as the settings are perfectly fine but the conflict is arising from the Revolution Slider. The issue here is since the Header used here is Transparent Header and the Revolution Slider's Slide is Dark, it is required to add the .dark Class to the Revolution Slider's Slide <li>:


- 

This will definitely fix the issue. 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