Transparent navbar

[matanbe]

hey, I’m trying to make the webflow navbar component transparent, meaning opacity 0, but it remains light gray color. iv’e tried all I can think of… this issue appear also in the form fields element. they don’t seem to react to opacity changes… this feels like a bug, but perhaps i’m doing something wrong.

I saw some other posts in this subject but without a proper solution…

Changing the navbar default background in webflow

I saw a thread posted in April about this but the answer there does not seem to work: I have added a new class and there is no background color in the background section. Anyway, I choose background solid color and change the opacity to 0 for transparent and the original light grey background of the default navbar shows through the transparency. What is the work around for this?

Thanks.

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[crafts_co]

Try changing the background color instead of using 0% opacity on your navbar. The default color #ddd for fields and navbars won’t change until you manually set it to a different color or use the transparent option.

[matanbe]

I tried that. It remains light gary…

[PiterDimitrov]

Can you share your read only link again?

Piter

[matanbe]

sure…

https://preview.webflow.com/preview/kovrr?utm_source=kovrr&preview=408d96bf6f1df6d9331bf948a07db763

[argogiant]

Hey,

I made a little screencapture of your problem.

You want the transparant bg so you can see the blue from your hero right?

what i did was change your navbars, removed his BG color set it to transparant, And changedthe position to Absolute.

but here is the screencap so hope it helps https://www.useloom.com/share/48f67bcae9c245aa9166f036231d8ca7

Gr Argo

[PiterDimitrov]

Absolutely @argogiant I was thinking the same The nav should be position relative to be on top of the hero.

Great!