Transparent header on top of content

[Laurance]

Hi there,
In using the header builder I have set it to transparent, however the it still appears at the top of the page like this

Whereas I would like it to appear without the white bar at the top. Starting top of the first bit of content, which happens once i scroll down.
I have tried some of the other solutions for similar issues but found they didn’t work. The closest I got to this was ticking the ‘hide initially’ box which I do not want.
Please advise.
Many thanks.

[Laurance]

This is how I would like it to appear

[tristup]

Hi Laurance,

Thanks for reaching out.
To make your navigation bar over the slider/hero image To create the transparent header over the slider you need to add some custom CSS code shown in the following article.

Stack the Navbar over Masthead Slider | Themeco Docs

Please remember that the code in the above article will work only for the Home Page, you need to change the .home to .page as .home is pointing to the Home Page only. You can go through the following article that explains the code for the pages.

Adding slider revolution burger menu to website as global menu (to be overlayed with another slider header

Hi @samatvayoga, My colleague has correctly pointed out the documentation, but you need to change the .home to .page as .home is pointing to the Home Page only. The code will look like the following. @media(min-width: 980px) { .page .masthead { position:absolute; width:100%; background-color:transparent !important; } body.x-navbar-fixed-top-active .x-navbar-wrap { height: auto; } .page .x-logobar, .page .x-navbar, .page .x-to…

Hope it helps.
Thanks

[Laurance]

unfortunately this doesn’t seem to have worked. Can you point to where I have gone wrong?

[marc_a]

Hi Laurance,

Would you mind sharing your admin credentials so that we can check on your setup properly? To do that, please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

[Laurance]

Hi there, I have added this in the secure note. Thanks for your help.

[tristup]

Hi Laurance,

You are using the customized header and you need to set the position of the bar to absolute to get the transparent header. I went ahead and set the position absolute and now it shows the Transparent header.

Thanks