Navbar on top of gradient overlayed image

[tr705 (Tom)]

Hey guys,

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

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.

Screenshot

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)

[DharmaNode (Michael)]

Welcome to the forums @tr705

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

How to Enable a Webflow Share Link

#If you’re new to the Webflow forum, welcome! To enable the Webflow community to help you with your website, please include your site’s Share Link with your question. This will enable the community to see your site without making any edits to it. #1. Here are the two places you can find the site’s share link: Site Dashboard [image] Account Dashboard [image] #2. Enable the share link, then copy the generated link: [image] #Here are video instructions

Posting guidelines can be found here:

Posting Guidelines for the Design Help Category

Please read the guidelines before posting to the Design Help category #Design Help Category Get help with your site’s design, layout, responsive behavior, and more. #When posting please: Required: Share your project’s Read-Only link AND live site’s Published link The read-only link is a special url generated in the Dashboard to allow others to view your project in the Webflow Designer. How to get your project’s read-only link? The published link is the webflow.io subdomain where you…

And
http://forum.webflow.com/guidelines

Thanks!

[tr705 (Tom)]

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

[DharmaNode (Michael)]

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

[tr705 (Tom)]

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