Jump to content

Center text and social icons alignment in mobile footer only

Go to solution Solved by Lesum,

Recommended Posts

  • Replies 4
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted

@nicki-patsios Here's the solution to change alignments on mobile footer:

@media only screen and (max-width: 767px) {
	#block-e46e3673c636bfd9529a p {
		text-align: center !important;
	}
	#block-3e2c8e6d315584c880a2 .social-icon-alignment-left .sqs-svg-icon--list {
		text-align: center !important;
	}
}

 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

  • Solution
Posted (edited)

@nicki-patsios I thought you didn't want to change the menu alignments. Here's the updated code:

@media only screen and (max-width: 767px) {
	footer p {
		text-align: center !important;
	}
	#block-3e2c8e6d315584c880a2 .social-icon-alignment-left .sqs-svg-icon--list {
		text-align: center !important;
	}
}

 

Edited by Lesum

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.