footer centralised on mobile only

[Nicola Crossley]

Nicola Crossley

June 12, 2015 at 4:49 pm

Hello,

I have two columns in my footer and just want to make them centred only on mobile device/ tablet sizes please.
I tried this CSS:

@media (max-width: 992px) {
#containerfooter h3, #containerfooter {
text-align: center;
}
#containerfooter .menu li a {
margin: 0 auto 5px;
}
.social-icons-widget ul li {
float: none;
display: inline-block;
}
}

But that didn’t seem to work – please help.

here’s the link:
*Login to see link

many thanks
Nic