how to 'lock' main menu bar?
Design and Skin Customization
Think you're talking about the header section being positioned 'fixed' to the page on the Ningja skin.
The CSS that controls that is found in:
/skins/jrNingja/css/header.css
On line 1, it looks like this:
/* @title Header */
/* @help This is the main header section for the site */
#header {
position: fixed;
width: 100%;
height: 75px;
background-color: #222222;
color: #FFFFFF;
margin-bottom: 12px;
z-index: 90;
}To make that purpley-blue section scroll the same as the rest of the page change that to:
/* @title Header */
/* @help This is the main header section for the site */
#header {
width: 100%;
height: 75px;
background-color: #222222;
color: #FFFFFF;
z-index: 90;
}and change the spacer to have 0 too in the same file:
.spacer {
padding-top: 0px;
}Probably best to clone your skin first though to save it getting over-written with skin updates.