In this tutorial I am going to show you how to use some custom CSS to center all the text in your website footer specifically on mobile devices, using a media query and the asterisk trick - a catch-all code that will target all types of text.

Cool right?!

Be sure to watch the video before using these codes on your own site so you understand how to install them and what you might want to change to make them work perfectly on your own site.

Here is the code from the tutorial, specifically for Squarespace 7.1 sites:

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

Here is the code from the tutorial, specifically for Squarespace sites built on the Brine theme:

@media only screen and (max-width:640px){
.Footer * {
text-align:center
}
}