Position transparent navbar over section

[bartenderonduty]

Hey Themeco Team,

I am trying to position a section under a transparent navbar on my site, so you can see the contents of the section through the navbar. Can you recommend CSS to accomplish this?

Thanks!

[ruenel]

Hello @bartenderonduty,

Thanks for writing in!

Are you using X theme? Please make sure that you set the navbar position as fixed. Go to X > Theme Options > Header > Navbar and set the Navbar Position to “Fixed Top”.

You must also set the Navbar Top Height to 0 and then please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar {
    background-color: transparent !important;
    padding-bottom: 30px;
    border: none;
    transition: background 0.5s ease;
}

.x-navbar.x-navbar-fixed-top {
    background-color: #fff !important;
}

Please be advised that this solution will be applied to all the pages in your site.

Hope this works out for you.

[bartenderonduty]

This works, thank you!

[friech]

We are delighted to assist you with this.

Cheers!