How do I make my menu fixed?

Hi guys,

How do I make the menu stick on this page

I’ve added a .fixed class to the global menu wrap (red background) and have tried position: fixed but as soon as I do this it just disappears from the page?

Any thoughts?


Hey Mark,

The reason it disappeared is because it went behind the bottom row, the row next to it. You could apply a z-index and a width of 100% to keep it full width like so…

.fixed {
  position: fixed;
  top: 0px;
  z-index: 9999;
  width: 100%;

Let us know how it goes!


Once again Ben - perfect CSS - thanks so much.

No worries! Enjoy BB! :slight_smile: