Archived topic

Centering site logo on mobile only

3 replies · Started by Hazel on April 11, 2017

Viewing posts 1–4 of 4

April 11, 2017 at 9:34 pm #304759

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

April 11, 2017 at 9:41 pm #304760

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.

April 11, 2017 at 9:54 pm #304763

Perfect, that's fantastic support. Thanks Leo.

April 11, 2017 at 9:58 pm #304765

Glad I could help :)

This archived topic is closed to new replies.

Start building better websites today.