How to Center Footer Text on Mobile in Squarespace

This tutorial is for both versions of Squarespace, 7.1 and older versions built with 7. For more information, visit https://insidethesquare.co/themes

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
}
}

insidethesquare

Squarespace Circle Leader & Creator of InsideTheSquare.co

https://insidethesquare.co
Previous
Previous

How to Resize Images on Mobile in Squarespace

Next
Next

How to create equal-width buttons in Squarespace