white semi-transparent header & sticky header

[hdelbarre]

Hi, I would like to have a continuos semi-transparent white header background (menu + header + sticky header). I’ve looked at similar topics in the discussion forums but I haven’t quiet achieved the result I’m looking for. I’ve tried adding some CSS text as it appeared in the forums but apart from the fact that I’m clueless on how this works I didn’t get any results. For sure I’m doing something wrong.

Many thanks for your help!

[Kyle – SUPPORT]

Hi

Try adding this to your custom css:

.header-wrap[class*="page-header-naked"] #header-section #header, .sticky-wrapper.is-sticky .sticky-header {
  background-color: rgba(255, 255, 255, 0.5)!important;
}

You will need to set the page header to naked dark like I have on the home page

– Kyle

[hdelbarre]

Hi Kyle!

It worked! Woop woop! Thank you so much for your help and the quick response.

Geraldine

[Kyle – SUPPORT]

Great! No problem

– Kyle

[SHK111]

Sorry to re-open this topic, is there any way to make a bit translucent a naked light header just when it scroll down?

Once it’s in the top, let it total transparent as it is, and then when we start to scroll down, make it translucent …?

[Kyle – SUPPORT]

Hi

My code above does that

– Kyle

[SHK111]

On my website, it became translucent when started to scroll down, but at the top its not translucide like the original “naked light”. Even tried with the naked dark.

[Kyle – SUPPORT]

What’s your link?

– Kyle

[SHK111]

This reply has been marked as private.

[David Martin – Support]

This reply has been marked as private.

[SHK111]

I like the translucent header when scrolling down.
How to have the header translucent only when scrolling down (Still 100% transparent when it’s at the top top) ?

[David Martin – Support]

That’s what you have?

[SHK111]

It’s what I want but it’s not showing that on my browser

[David Martin – Support]

What browser and OS are you on?

I’m seeing that on Chrome + Mac

[SHK111]

Using safari, opera, chrome, Firefox …

Os El Capitan, the last one