Sticky Header Transparency CSS


I’m trying to change my sticky header transparency. Is there any CSS code anyone has that I could use to change the opacity? I don’t want it fully transparent. I want it to still have color but change the transparency only…
Thank You!

Can someone also tell me if it’s possible to change the size of the sticky header? I’d like to make it smaller up and down, it just takes up so much right now. Thanks!

I basically want my header to shrink down in size just like colorlib’s here does! If that’s any help. Thank you!!

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
In order to check your question i need to see your live website, please provide url and i will take a look

Hi there!!

My site is: Big Lead Marketing

I “kinda” got the header to be transparent. In certain browsers I can’t get it to be transparent.


Also, if you have the CSS for changing 404 page header handy I could definitely use that as well!! Thank you so much for your help.

hi there

Transparency can be controlled by this css:

#header .is-sticky .top-header {
background-color: rgba(0, 0, 2, 0.20);

are you using it already? i see header is not fully transparent
header on 404 page is same on other pages