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 - HTML/JS for navigation bar - 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:


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

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

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.