[Resolved] Centering site logo on mobile only

[Hazel]

Hi guys
I’m trying to center the site logo on mobile screens only. I have disabled the mobile header and so it seemed to me that I needed to do something like this in Simple CSS:

@media (max-width: 768px) {
		.site-header .header-image {
		margin: 0 auto;
	}
}

That doesn’t work and I’d appreciate any suggestions. The site is at: http://smarttrading.hazelkey.com/
Thanks very much
Allan

[Leo]

Hi Allan,

The link isn’t working for me.

Maybe try this though:

@media (max-width: 768px) {
    .inside-header {
	text-align: center;
    }
}

Let me know.

[Hazel]

Perfect, that’s fantastic support. Thanks Leo.

[Leo]

Glad I could help 🙂

[Author]

Posts