Menu position fixed

Hey guys!

I added this code to custom.css:

Code: Select all

#gkPageTop {
    background: none repeat 0% 0% rgba(0, 0, 0, 0.3);
    margin: -40px;
    margin-left: auto;
    margin-right: auto;
    position: fixed;

}

Now the menu stays at the top, but it went from center to right align.

The next issue is, that all modules in mainbody_top and mainbody_bottom are layered above the menu, so that the menu disappears when skrolling down.

Here's the link to my page: http://www.paganfest.eu

Any suggestions how I can get the menu to stay on top CENTERED and how to avoid the other moduley layer above the menu?

Thank you very much for your support!!!

Code: Select all

 #gkHeaderTop { margin-top:0; padding-top:50px;}
 #gkPageTop {position:fixed; width:100%;}

Hi, try this

That worked like a charm!
Thank you very much for this fast solution!

I suggest to use darker BGcolor:
background: rgba(0, 0, 0, 0.5);
or even
background: rgba(0, 0, 0, 0.7);