Thin black line under transparent nav-bar

Managed to make the nav-bar of the hero bloc sticky and transparent (0% opacity) so that it sits on a full-screen background image and it works very nicely. However, when the transparent nav-bar appears on top of the image, there is a thin black line underneath it which is visible.

Is there any way of removing this think line or adjusting its opacity to 0%?

Hi @Samazar, please check the background color set in the the general settings of your project. This might case the issue.

Hi,

I think you are talking about the shadow of sticky Nav Bar. Add the class .sticky-nav.sticky to your class manager and set the opacity for the box shadow to 0.

2 Likes

Hi Jerry, because my hero bloc has a full-screen image in the background, the menu appears on top of the image which is what I want but below it there is a thin black line that goes right across the image. It is part of the nav-bar and I want o get rid of it.

Thank you Eldar, I will certainly try that.

Thank you Eldar, that worked.

1 Like