Streaming live at 10am (PST)

Navbar on top of gradient overlayed image

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,


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

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:


Thanks! :slight_smile:

Thank you for your reply.

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

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:

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:

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,


1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.