Transparent nav bar

I Need Help
1

Hi,

how can I create a transparent navigation bar, like the one in this template?

Thanks.

2

Hi,

You can just add a hero bloc, which comes with a transparent navigation menu. To make it sticky, select this hero bloc, and check the ‘Sticky’ checkbox in the sidebar.

Cheers,
Eldar

3

But in this example, the navbar becomes black during navigation. How can we adjust the navigation color and transparency ?

4

Select the navbar by clicking on it.

Open the global swatches color menu by clicking on the background color of the navbar.

Select or add a color to adjust.

In the color adjustment popup, on the bottom, there’s a “opacity” slider you can adjust. “Opacity” is the opposite of “transparency”.

70% works quite well, the navbar still stays readable but you clearly see the content moving behind it.

5

Thank you Eldar and Yodazhang, I wanted the sticky nav bar in the hero bloc to be completely transparent so I set the opacity to 0% and it works. How can I get rid of that thin line under the nav bar which is still visible?