Fix the menu on the top of the screen

Hi, I worked this off of my test site with Canape. I’ve limited this to screens/windows 600px and wider as things go slightly awry on screens under 600px wide.

@media screen and (min-width: 600px) {
#masthead {
	top: 0;
}
.logged-in #masthead {
  position: fixed;
  top: 32px;
	width: 100%;
	z-index: 1;
}
}

Thank you very much for your answer.
The code worked on the page, the menu is fixed on the top. But the content of the firts page stays behind the menu. The same happens with the overlay’s text for each image.
What can I do?
Thank you!

Ah, change the z-index to 2 instead of 1.

Didn’t work with 2, nor 3… til 7, so I tried with 21 and it worked.
Of course, the question is: is there a chance something can go wrong using “z-index: 21;”?

I don’t think it will cause an issue. I would scroll around on your pages and posts just to make sure.