Mystile Centre Navigation and Logo

Przetestowałem kilka skryptów dla Thema "MYSTILE" dla Wordpressa i wkońcu znalazłem prawidłowy wyśrodkowywujący menu i logo na stronie głównej:

Wprowadzamy go w ustawieniach mystile general setting, sekcja CUSTOM.CSS

#header hgroup, #header #logo {
float: none;
}
#logo img {
margin: 0 auto;
display: block;
}
@media only screen and (min-width: 768px) {
#header #navigation {
float: left;
width: 100%;
position: relative;
}
#header #navigation ul.nav {
clear: left;
float: left;
margin: 0;
padding: 0;
position: relative;
left: 50%;
text-align: center;
}
#navigation ul.nav li {
display: block;
margin: 0;
padding: 0;
position: relative;
right: 50%;
}
#navigation ul.nav li li {
right: auto;
text-align: left;
}
}