Navbar customisation

[DoozK7]

Hello, I would like to make disapear my navbar when scrolling (fade to transparent), not just the background but the entire navbar, do you have a piece of CSS/JS to do that ? Also, I set my navbar to “static-top” but it stil always fixed … the website : www.3dsystem-info.fr

Thanks in advance

[tristup]

Hi Samy,

Thanks for reaching out.
I would suggest you go through the following thread on a similar topic.

How to make Header appear transparent, so that the background of bar 2 is visible

Hi Keezia, Thanks for reaching out. To get a similar effect in the header, you need to follow few steps that are given below. Step 1: Create a copy of the first bar. Step 2: Set first bar background color to transparent Step 3: Make the second bar Hide initially. Step 4: Make second bar as sticky Step 5: Set background color to second bar along with content scrolling off, initial postion set to absolute. Please find the video describing the above steps and the output: https://www.awesom…

Xtheme Pro Custom Header Fixed/Transparent for Navigation Inline bar?

Hi @vpmllc, Thanks for writing to us. To fix the bar in the header, you just need to set ON the Sticky Bar options. [test_header_Headers_Pro (7)] In header the structure goes like Bar > Container > Elements, so any elements can be added to the container. [test_header_Headers_Pro (9)] You can learn more about on Header and Footer in this article Hope it helps. Thanks

I would also suggest you go through the following article and videos on Header builder.

Header Builder Overview | Themeco Docs

Hope it helps.
Thanks