Streaming live at 10am (PST)

Transparent navbar


#1

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…


Thanks.


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


#2

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.


#3

I tried that. It remains light gary…


#4

Can you share your read only link again?

Piter


#5

sure…

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


#6

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 :slight_smile: https://www.useloom.com/share/48f67bcae9c245aa9166f036231d8ca7

Gr Argo


#7

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

Great!