Hi!
I am using the following code to keep the header transparent until scrolling:
/navbar trans to opaque on scroll/
.masthead {
position: absolute;
width: 100%;
}
.x-navbar {
background-color: transparent;
border-bottom: 0;
box-shadow: none;
}
.x-navbar-fixed-top {
background-color: #474747;
}
.x-navbar {
-webkit-transition: .5s;
transition: .5s;
}
However there are certain pages where we’d rather have the original header in place, without transparency on scroll. How can I isolate this effect to only certain pages?
Thanks!