Transparent Header Elementor/oceanwp

Hello, yes you can do it with CSS code, you can put a transparent background to your header via elementor, and put it in position absolute.
Give me your website url if you don’t know how do to, I will give you the right code.

Hi,

I’m in local with flywheel.
So the WS is not online right now.

Can you do it another way?!

Thanks!
Carl

Hi, without seen your site it would be hard, have see this video: https://www.youtube.com/watch?v=lYDsIKv1CE0

Yes I did!

But I cannot inspect (right click) on the header…

doesn’t work

https://71e8e41c.ngrok.io
If you want to see it

Thanks !
Carl

I can give you the code, you want a transparent header only on your homepage or all your site?

Hi,

Well the best is that all the site has a transparent header just like the theme do.

Thank you again for your support!

Carl

Okay, try this css code in the custom css section of the customizer:

#site-header {
    position: absolute;
    top: 0;
}
.admin-bar #site-header {
    top: 32px;
}

Thanks!

It’s working you can check it out!

Carl

You’re welcome ??

HI again,

Do you know if we can minimize the header and make it sticky while we scroll down the page when we use Elementor header?!

Thank you again for your support!

Carl

Hi, it will require customization for the sticky, but it is possible to only stick a part of your header, for example only the navigation if it is as this demo: https://medical.oceanwp.org/

Here for more info: https://docs.oceanwp.org/article/460-sticky-header-for-the-custom-header-style

Hi!

awesome!

thanks again.

Carl

You are welcome ??

Bonjour encore!

Je viens de faire l’achat du sticky header et il semble que je n’ai plus accès a un arrière plan transparent…

Malgré le fait que je copie le code que tu m’as donné.

Merci pour ton aide

Carl

Bonjour, maintenant que vous avez acheté une extension premium, vous pouvez utiliser le support premium ??
Donc ouvrez un ticket et incluez le lien vers votre site, je vous donnerais le code pour résoudre ce problème.
Merci ??