Transparent header

Hi,
is it possible to set the header background to transparent with a CSS snippet?
In the customizer, I can set the sticky header to transparent, but not the menu on the very top of the page (that get’s replaced by the sticky header when scrolling down).

Thanks and best regards!

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it?
Are you trying to add transparency to the header or the menu area?

Best Regards,
Support

Hi!
Thank you very much for your fast answer.

The website is raisa-oliver.com.
I mean the menu area (header) that gets transparent when you scroll down.

Thank you very much and best regards

hi there

Yes i think that’s possible but please make change header transparency back to the solid color :slight_smile:
only fter this we can provide css code for sticky header transparencey

Hi Noda,
sure, already done :slight_smile: Thank you very much!

Lucaw, im so sorry to say but looks like there is no easy way to achieve this, sticky header and header is connected to each other, page content is only after them and that effect can not be achieved without layout modification :frowning: sorry

Oh, too bad :frowning:
or is it possible to move down the parallax image, so that it’s not covered by the menu?
Currently, our heads are not visible on certain screen sizes :wink:
thank you!

I was able to fix it with custom CSS:
.parallax-slider{ margin-top: 35px }

Hi Lucaw

Ah, that’s a different approach but I guess its working :slight_smile:
since your problem is resolved i will close this case now, feel free to open new ticket if you need one