Header fixed and transparent

On my homepage, I have a slideshow with full bleed below a transparent header. I'm struggling with a code to make this header to stay fixed, but still keep the transparency. When I set it as fixed, the header background becomes white when scrolling.

The header settings are set as Dynamic in Style, and fixed>basic. 

I tried adding the code from this thread, but it didn't work.

Grateful for any help!

It is already transparent to me. Did you fix it?

@tuanphan I fixed it but not the way I wanted. I managed to make the header transparent on the front page and disable scrolling.

However, on the sub-pages, the header is fixed but not transparent - ideally I would like it to be transparent (but still fixed) there as well! So if you have any ideas, please let me know!
 

Try this code to Website > Website Tools > Custom CSS

header#header.shrink {
    background-color: transparent !important;
}