Thank you.
The transparent menu is a little hard to read with a body of text on the page. Is there a way to have the transparent menu go away at a certain scrolling point. When I take away the !important in the CSS, it happens immediately on scrolling. With the CSS I’m trying to have it change once it passes the slider image. Here’s the modified CSS I’m trying.
/*making header solid white after scrolls past video*/
.sticky-header {
background-color:transparent;
transition: all 0.25s ease;
position:fixed;
top:0;
width:100%;
padding:1em 0;
/* make sure to add vendor prefixes here */
}
.past-main {
background-color:#fff;
transition: all 0.25s ease;
position:fixed;
top:0;
width:100%;
padding:1em 0;
}
And here is the custom javascript I’m trying.
/*making header solid white after scrolls past video*/
.sticky-header {
background-color:transparent;
transition: all 0.25s ease;
position:fixed;
top:0;
width:100%;
padding:1em 0;
/* make sure to add vendor prefixes here */
}
.past-main {
background-color:#fff;
transition: all 0.25s ease;
position:fixed;
top:0;
width:100%;
padding:1em 0;
}
