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%?
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.
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.