Here is an update that adds in the fixed menu header functionality.
There are a few things to change / note.
Since you most likely have done some custom changes, at least colors, the specific changes for this are as follows:
Replace your theme.js file in the separation/scripts directory with the one attached. This adds the scroll detection function. You may need to tweak the value in it to specify the scroll distance before the menu becomes fixed. This is basically the height of your logo area or the distance from the top of the screen to the top of the menu. In the theme.js file the value is set in shrinkOn = 110; <-change 110 to what you need.
You will need to add in index.css:
#menu_nav_1 {
border-radius: 0 0 6px 6px;
}
.menu_nav_scroll {
position: fixed;
z-index: 100;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 95%;
}
In that same file:
#menu_nav, #menu_nav_1 {
height: 48px;
}
.menu_nav_scroll {
width: 98%;
}
Last change will be in your color file (Example: seperation/css/_blue/index_blue.css)
#menu_wrapper {
border-color: #CCCCCC;
}
#menu_wrapper {
border-color: #CCCCCC;
background-color: #FEFEFE;
}
That is just the color in the padding area of the menu and just prevents seeing a tiny sliver of the page background as you scroll the page.