FOOTER - center align text blocks

Hey.

I can't get one block of text in this site's footer to center align it's content in mobile view.

Both text blocks are left and right positioned in the desktop view, and the left block cooperates in the mobile based on this code:

@media only screen and (max-width:767px){
 #footer-sections * {
text-align:center
}
}

But the right block is being stubborn.

Any ideas what's preventing it?

Can you share your website URL?

Surely.

skinnies.co.uk

Adding !important should do the trick:

@media only screen and (max-width:767px) {
  #footer-sections * {
    text-align:center !important;
  }
}

Thank you, Ziggy. Can't believe I hadn't tried that!

Never a first solution, but sometimes you need to force it!