Fix mobile menu to scroll with page

I want to set the mobile menu to have a background color and scroll with the page.

I have tried position: fixed on many of the css menu items - but cannot figure out which one to make it work. I

I can change the <div id="gkMobileMenu" class="gkPage"> in default.php layouts to <div style="position:fixed" id="gkMobileMenu" class="gkPage"> which works - but it doesn't float right when I do that.

I have made the words "MENU" fixed so you can scroll on a mobile and see what I want.

Any help is appreciated

http://www.protoolstraining.com/pmtupdate

A perfect example of what I want to do is at http://www.weather.com - if you look that the fa fa bar menu and you scroll down - it stays fixed on the page.

I got this to finally work. I had to add another div holding the fixed fa-bar and MENU and float that right. Worked like a charm.

Hi

Ok. Thank You for shearing this solution with us. Thread closed.