Navbar on top of gradient overlayed image

Design help General
1

Hey guys,

I’m new to webflow and discovered a small issue.
I have attached a screenshot:

AS you can see there should be a navbar on top of the screen but you can only see “Dropdown” widget.
It happened after I added a gradient on top of the background main image and suddenly all links and logo dissapeared.

(PS: Now if i remove the gradient, the navbar is somehow behind the main image but in the navigator, navbar is still on top of the main image.

I moved the main image further down to demonstrate that the navbar excists.

Does somebody have any idea what I am dealing here or it is a bug?

Best Regards,

Toomas

Here is my public share link: LINK
(how to access public share link)

2

Welcome to the forums @tr705 :slightly_smiling:

Could you provide add a public share link so that we can look into your project?
Here is how:

Posting guidelines can be found here:

And

Thanks! :slight_smile:

3

Hi,
Thank you for your reply.

Here is the link to my project. As you can see, the navbar is behind the main image somehow.

https://preview.webflow.com/preview/toomass-exceptional-site?preview=91784c365b4af7e2c18e48fce6804cfa

4

Hi @tr705

Thanks for your share link, it helps a lot.

You can fix this by setting the Z index of your navbar higher like so:
http://quick.as/k8PvI5gVV

You could also do this by dragging the navbar in to the first section but since it’s a symbol you can’t move it.

Hope this helps :slight_smile:

5

Thank you for your help.
Somehow when I made the navbar as a symbol element, something changed.
Next time I know to check the z index.

Thank you for your time.

Best regards,

Tom