fix top header / logo to not scroll

I have searched for this everywhere, and still no solution. I just want to fix the top header and perhaps th footer on my musiccity template to not scroll with the rest of the page. thanks

Hi.
To fix footer please edit template.css file and find the following line:

Code: Select all

 #gk-footer {
margin: 0 auto 20px auto;
padding: 48px 0;
}

Then change it to:

Code: Select all

#gk-footer {
margin: 0 auto 20px auto;
padding: 48px 0;
position: fixed;
bottom: 0;
}

But in my opinion it doesn't look good...
I'm not sure what you want to fix at the top. Just logo? Or whole top wrapper?

the whole top wrapper, not the footer. thanks

Hi.
Ti fix footer please edit template.css file and find the following line:

Code: Select all

 #gk-footer {
margin: 0 auto 20px auto;
padding: 48px 0;
}

Then change it to:

Code: Select all

#gk-footer {
margin: 0 auto 20px auto;
padding: 48px 0;
position: fixed;
bottom: 0;
}

But in my opinion it doesn't look good...
I'm not sure what you want to fix at the top. Just logo? Or whole top wrapper?

Please paste the following code to override.css file:

Code: Select all

#gk-top { overflow: hidden; padding-bottom: 10px; margin-bottom: 8px!important; position: fixed; width: 100%; z-index: 1000;}
#mainPage { padding-top: 200px; }