I'm trying to set a transparent header with a revolution slider plugin but the menu doesn't show as transparent, and scrolling up and down the page, when the header gets small, sometimes it's dark theme, sometimes no, even if there is not a dark theme set on the page.
The page I woluld like to use is the index-restaurant.html from your demos. Originally the rs-slider was before the header tag, but I need the header to be over the rs-slider, so I put the header before the cursor and I've added the transparent-header class to the header.
Attached you will find your modified index-restaurant.html.
Try scrolling up and down the page to make the header small / large, you will see the strange dark theme behavior.
Transparent header not work with slider revolution
5 replies · opened Oct 28, 2020
Hello,
Apologies for the Inconvenience regarding this issue.
We are looking into this and we will try replicating this behavior in our dev files. However, if you would like us to check your Modified File, you will need to provide us with a Live URL.
Additionally, you can keep the Header Colors Static, by simply removing the .dark Class from the Slide's main `
- ` Tags as this makes the Transparent Headers change their Colors.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
OK you can now check the issue at the provided link
Hello,
To make the Header Transparent, you will need to add the
.include-headerClass to#sliderDIV.To prevent the BG Colors of the Header from changing, remove the
.darkClass from the Slide's `
- ` Tags.
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.
Thank you very much.
It works!!!
Hello,
Glad that the issue was resolved!
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