Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Honestly, I tried about 3 different methods, none worked so I didn’t keep a record of them :-/
Try adding this to your child theme style.css file:
#logo {
float: none;
}
#logo img {
display: table;
margin: 0 auto;
}
WPyogi, that worked – if you’re ever in Charleston, SC I owe you a beer ;-). Gracias.
Update – any idea why the above code in my child theme would cause the logo to be invisible on IE 8/9 ? When testing, I switch from my child theme to the base Mosaic theme and logo displays properly (on the left as originally intended).
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
In IE press F12 and make sure you’re not viewing the site in quirks mode.
I’m testing using Browserstack (I’m a mac guy) so I’ll have to look at this later. Will give it a try though, thanks.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It may be something to do with display table, so just to be safe instead of this style:
#logo img {
display: table;
margin: 0 auto;
}
Can you try this equivalent:
h1#site-title { text-align: center; }
It’s working on the home page, not others.. ?
Ok, think I got it with:
h1#site-title, h1#site-title a, div#site-title, div#site-title a
{ text-align: center;
}
