Dropshadow showing on live site

Design help General
1

On the nav bar on my site theres a dropshadow visible on the live site but on the editor or preview doesnt show and cant seem to figure out how to remove it.

image
image1896×677 222 KB

https://preview.webflow.com/preview/imageaid?utm_medium=preview_link&utm_source=designer&utm_content=imageaid&preview=6d66b88ab7d3c2cc69c41180c2cc6cc8&mode=preview

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

2

Not quite sure why this isn’t showing in the Designer, but this style is being inherited from another class.

To get rid of the effect, click the inheritance dropdown on the .navbar-2 class and select .navbar from the list:

image

Now scroll down on the style panel until you see the Effects section and delete (or hide) the box shadow:

image

1 Like
3

awesome, Thank you it worked.