hello - i have managed to center the logo and was wondering if it is also possible to center the menu?

i have tried some css but just cant seem to get it right,

thanks.

i have worked this one out. 

header#top nav {

text-align: center!important;

}

case closed.

Do you type this into the header.php code? And if so, where?

hello - 

no it is much easier than that - you just need to put it in the custom css area in Salient Settings / General.

or you can create a child theme and use it in a separate css file.

if you want to center the logo and have the menu centered below it - you will need to use all of the following:

#top .row .col.span_3 {

width: 100%!important; }

header#top #logo img {

margin: 0 auto!important; }

header#top nav {

text-align: center!important; }

header#top nav > ul {

float: none!important;

display: inline-block!important; }

body #header-outer #top .span_9 {

display: block!important;

float: none!important;

margin: 0!Important;

width: 100%!important; }

good luck.

Awesome! Thanks!!

actually one issue i noticed with this was that the logo link interfered with the menu when viewing on mobile devices.

to get around this i added this:

header#top #logo {

display: inline!important;

}

seems to work fine now. it does shift the logo up a little but you can always just add margin-top to it.