Shadow on header

I am trying to add a shadow on my header/navbar. If I apply a bootstrap shadow to the header nothing seems to happen.

If I apply it to the Navbar it works but only covers the area of the navbar and leaves a space with no shadow on each side and is hidden behind the content.

If I make a class using box-shadow and apply it to the header it seems to work but is still be hidden behind the content.

I am basically trying to achieve what you see on the Wappler Community header

Any advice on what I’m doing wrong/need to change would be appreciated!

Community Page
Last updated: