Top Nav SKIN-how to keep it visible when scrolling [FIXED]

[M33R4]

How can I keep the top navigation bar static please I want it to remain visible even when scrolling to the bottom of my page.

Thanks.

[M33R4]

I tried the following CSS (source: https://kb.madcapsoftware.com/Content/M ... Header.htm)
/* Keep the header from scrolling off the page using absolute position */
.tab-bar
{
position: absolute;
left: 0px;
top: 0px;
width: 100%;

}
/* Add scroll bar to Body and absolute position to prevent body from scrolling behind header */
.main-section
{
overflow: auto;
position: fixed;
width: 100%;
top: 127px;
bottom: 0;
}
/* Header height changes when media is used, adjust the top position of the body to match
Also need to change the width to match the skin settings in the target*/
@media screen and (max-width: 1278px)
{
.main-section
{
overflow: auto;
position: absolute;
width: 100%;
top: 104px;
bottom: 0;
}
}

...but the problem I am having is that it's inserted a 2nd inner scroll bar onto my pages and the content is going behind my page footer.

[SKamprowski]

Hi,

to fix the header open your Skin in Skin Editor, in the setup section select Fixed Header. This may prevent header scrolling out of window.

[M33R4]

Hi,

to fix the header open your Skin in Skin Editor, in the setup section select Fixed Header. This may prevent header scrolling out of window.

You genius SKamprowski - much appreciated