How center logo and main menu

I need hrlp how center logo and main menu. also how increase submenu font side?

Help pls. Thanks

site url: http://palavani.ge

1. Centering the logo:
Please edit: /templates/gk_gamemagazine/css/override.css and add at its end:

Code: Select all

#gkLogo {float: none;}
#gkLogo a {display: block; margin: 0 auto; width: 350px;}


Remember to enable "CSS override" in template settings - advanced section.

To center the menu, add this to override.css:

Code: Select all

#gkMainMenu > div > ul {
    text-align: center;
}
div.gk-menu > ul.level0 > li {
    float: none;
    display: inline-block;
}


To increase font size:

Code: Select all

#gkMainMenu > div > ul div.childcontent a, #gkMainMenu > div > ul div.childcontent span {
  font-size: 12px;
}


and adjust 12px value to your liking.

1. Centering the logo:
Please edit: /templates/gk_gamemagazine/css/override.css and add at its end:

Code: Select all

#gkLogo {float: none;}
#gkLogo a {display: block; margin: 0 auto; width: 350px;}


Remember to enable "CSS override" in template settings - advanced section.

Thanks for fast answer. I successfully changed submenu font size and centred main menu but can't set logo to the center. I added this above code in override.css file and also enabled "CSS override" in template settings - advanced section.

So any idea to center logo?

Thanks

The logo is centered correctly. Could you please provide some more details? What browser, what os?

The logo is centered correctly. Could you please provide some more details? What browser, what os?

Very strange I have Firefox 36.0.4 but also tried in chrome 41 and IE 11 and logo always in left side of site. OS is WIn 7 and WIn 8.1

I also cleared cache but same view.

My mistake... Please modify:

Code: Select all

#gkLogo {float: none;}


to:

Code: Select all

h1#gkLogo {float: none;}


Thank you Cyberek. Problem Solved.

Please let me know if you would have any additional questions regarding this topic.