Make menu stick

Hi there,
If it is possible to make menu stick in this template? So that when we scroll down - menu stays on screen all the time?
Thanks.

Yes, it's possible I made it for another our client, but it request some customizations.
But okey let's try again:

Code: Select all

section#gkPageTop { background: #FFFFFF; position: fixed; }
#gkUserArea, #gkMainMenu { margin-top: 10px; }
#gkHeader {    padding-top: 80px;}
#gkBottom1, #gkBottom2, #gkBottom3, #gkBottom4 { padding: 90px 0;}
#gkPageContent > aside {
    padding-top: 75px;
}

this code was customized for different site but should work similar. Maybe it need small fixes for margin/padding values etc.

Here http://joomla.fitnes7vetrov.ru/index.php/news it overlaps now with the page itself. If there's ane way to make menu narrow and move the content down for a bit? I've tried to fiddle with parameters on my own to no luck...
Thanks.

And one more thing about menu - we use text logo, but the letters overlap (can be seen now at the same address http://joomla.fitnes7vetrov.ru/index.php/news) - is it chosen font bug, or could be fixed somehow in the template? Thanks.

This should help, add this at the bottom of "older" code:

Code: Select all

#gkUserArea, #gkMainMenu { margin-top: 0; }
h1 {font-size: 38px; }
article aside > time {font-size: 40px; margin: 43px 0 16px }
section article { margin-top: 20px !important; }



If space between menu and article will be still too small change margin here: section article

This should help, add this at the bottom of "older" code:

Thanks! It did work. Any advice about letters overlapping? We've found it happens like this in many places, not only at logo...

Try another font
or/and
check CSS letter-spacing property -->http://www.w3schools.com/cssref/pr_text_letter-spacing.asp