Try adding this to Custom CSS or Child theme style.css,
#header-menu-wrap {
margin-top: -234px;
position: fixed;
z-index: 50;
}
#container {
margin-top: 34px;
}
Quote:
..when i scroll down it goes to the top edge and then its position gets fixed..
The above code doesn’t do that. You’d need to write some custom JavaScript to achieve that. But, try my suggestion. It fixes header menu bar at the top of the page. It’ll be there at a fixed position on the screen even when you scroll down. It looks pretty much decent if you can add some more content to menu bar to span the entire container width.
Cool site BTW.