Hi,
I have scoured and implemented all the threads relating to centering the logo in my website. I am really sorry to have to open a thread about this, since it seems so obvious!
However, I just can’t get the logo to get into the middle of the page. It sticks to the left no matter what CSS codes I have pasted in that have worked for others.
Currently my CSS editor looks like this:
/* Vantage center align the main menu */
.main-navigation ul {
font-size: 0;
text-align: center;
}
.main-navigation ul li {
display: inline-block;
float: none;
font-size: 13px;
}
.main-navigation ul ul li {
text-align: left;
}
/* Vantage Center Logo */
header#masthead hgroup .logo {
float: none !important;
}
header#masthead hgroup .logo img {
display: block;
margin: 0 auto;
}Could you help? I just don’t know what to fiddle with to get this to align into the middle, along with the site message.
Any help would be appreciated!
Another point – I have really tried to find the option to click center align the logo in the theme settings/general area, but it is not there!