Hey,
This css should work for you:
#kad-banner-sticky-wrapper {
background: rgb(55,55,55) !important
;
}
.is-sticky .headerclass {
background: rgba(55,55,55, 0.8 ) !important;
}
.is-sticky #kad-shrinkheader {
background:transparent !important;
}
Just paste that into your custom css box in Theme Options > Advanced Settings.
Also, you are using a really old version of the theme. I highly recommend updating. You can download the latest version from here: https://www.kadencethemes.com/my-account/
Hannah
I added code you’ve sent but still same, its not transparent while scrolling…
I’m not seeing the css in your code. Where are you adding it?
Hannah
Theme Options -> Advanced Settings -> Custom css box
Have you cleared your cache after adding it? What all have you added to your custom css?
Hannah
Please check pics I uploaded below:
https://ibb.co/fXJ21kQ
https://ibb.co/Fx9TFQ2
https://ibb.co/nBZg0PZ
-
This reply was modified 7 years ago by
marko1995.
I think the css I posted previously had some weird spacing that may or may not be conflicting. Try adding this instead, and be sure to clear your cache after adding it:
#kad-banner-sticky-wrapper {
background: rgb(55,55,55) !important;
}
.is-sticky .headerclass {
background: rgba(55,55,55, 0.8 ) !important;
}
.is-sticky #kad-shrinkheader {
background:transparent !important;
}
Let me know if that works!
Hannah
Thank You Hannah, it works perfect now. What about topbar? Can topbar be transparent too while navigating? (Red topbar)?
Regards
Try adding this:
.is-sticky section#topbar {
background: rgba(300,0,5, 0.9);
}
Hannah
Works perfect. Thanks – Regards
Glad to hear it. Happy to help!
Hannah
