Question

Live page: Link

I have a top nav bar that has a fixed position, and oblique color.
This nav bar should be placed on top of all the posts as you scroll down. However, when you check the live page at the link above, the pictures are placed on top of the top nav bar, not the other way around.

On the other hand, this view is working as I’d like it to be.

Could someone tell me how to solve this problem?

Answer 1

Add z-index:1 to .nav

.nav {
background-color: black;
padding-bottom: 2px;
z-index: 1;
}