Change menu position from left to center of the page

How can I change main menu position from left to center of the page?
thank you

My site url: http://www.zardunya.com

Hi,
please try add to override.css

Code: Select all

#gkMainMenu {
    margin: 0 0 0 17%;
}


and remember to enable override.css option in template settings.

Now That's OK.

THANK YOU VERY MUCH Konrad M ...

Now I have one more problem about the same problem.
In template parametres ; When I select Logo type ''from css'' that's ok.
But When I want to select ''image or text'', I see a big problem.

I want to use image for LOGO. It must be in the center of the page....

And I want to change logo size.

Please help me.

THANK YOU AGAIN...

This code will fix your issue:

Code: Select all

section#gkPageTop {
    padding-top: 15px;
}

#gkLogo {
    display: block;
    float: none !important;
    height: 120px;
    margin: -10px auto 0;
    padding: 0;
    text-indent: -999em;
    text-shadow: none;
    width: 584px;
}


add this to override.css

now logo is perfect.

thank you very much..