Gallery overlapping navigation bar

Hey guys this is my first post here and I am a bit of an amateur at HTML and CSS and a noob at javascript. I am making a website with a fixed navigation bar so that it stays at the top all the time but I have added a gallery with some images and text that will appear when you hover over it but the problem is that the gallery is overlapping the navigation bar and I don’t know where to start to fix the problem.

Here is my HTML and CSS code (currently can’t upload my code so I’ve put pastebin links)
Any help would be greatly appreciated

https://pastebin.com/dTEa9exL - HTML/JS for navigation bar

https://pastebin.com/nAkec0nx - CSS

Hi there jacobritchie569,

and a warm welcome to these forums. :winky:

This amendment…

#navbar {
    z-index: 2;
    overflow: hidden;
    background-color: #03326f;
    padding: 0;
}

…should do the trick. :biggrin:

coothead

Yes this did do the trick, thank you so much.

 
 
        No problem, you’re very welcome. :winky:
 
 
        coothead