How do I make my menu fixed?

Beaver Builder
1

Hi guys,

How do I make the menu stick on this page
http://roar-dev.burntwoodwebdesign.co.uk/

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?

Thanks,
Mark

2

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!

Ben

3

Once again Ben - perfect CSS - thanks so much.

4

No worries! Enjoy BB! :slight_smile:

Ben