Jump to content

FOOTER - center align text blocks

Recommended Posts

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?

Screenshot 2023-01-26 at 20.58.41.png

Screenshot 2023-01-26 at 20.57.42.png

Link to comment

Adding !important should do the trick:

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

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

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

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.