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
http://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
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: http://docs.oceanwp.org/article/460-sticky-header-for-the-custom-header-style
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 🙂
