Wondering if someone could explain something so obvious to me

Could anyone point me in the direction as to why the images don’t scroll underneath the menu? I want the menu to be always on top, I need to know why the images scroll over it.

Thank you everyone :slight_smile:

Imagine that each html element is on a plastic transparent layer. Since you made the navigation menu fixed, it stayed on that same spot. But your other divs (when scrolled), roll on top of your menu div. So what you want to happen is make the navigation menu on a higher/top layer so that all the rest of your page elements scroll underneath it.

You can use z-index CSS property to move the menu_div to be on top of everything else (layer-wise) on your page.

#menu_div {
  background-color: lightblue;
  width: 100%;

You’re a god among men. I thank you sir :slight_smile: