I’ve solved the issue by removing the Frontier header and putting a body text widget in its place.
I used text-align: center;
and it works, but is it the best method?
Cheers!
Ian
it the best method?
I don’t know.
But if you want the margin: 0 auto;
to work, you have to use it in combination with display: table;
ex.
#header-logo {
float: none;
display: table;
margin: 0 auto;
}
Thanks for the tip man, I’ve been trying to figure this out all night. Even after I got it centered with several methods, it would only center with the browser > 960px, anything smaller and it would disappear.
I’m working through the codecacademy course right now so I can sharpen my CSS. 😛
Thanks again!
Ian
Just bumping this topic as this problem has been bugging me too. Can anyone explain why “display: table;” works, but “display: block;” doesn’t?
I just discovered the Frontier theme, what a great find! After struggling for a couple of weeks with various themes including Twenty Fourteen and the derivative Ridizain, I built this test site in just a few hours using Frontier.
@styxlawyer you might want to start a new thread to get a better response, in the mean time here’s a link that may better help you understand the difference between various display properties in CSS
http://www.quirksmode.org/css/css2/display.html
@ian: Thanks for that link, I’ll go and have a good look.