Center social icon block on mobile

carrie1 · April 3, 2020

Site URL: https://www.clearwellnessnutrition.com

Hey there!

Wondering if anyone would know how to center social icon links in mobile when they are left justified on desktop?

site: www.clearwellnessnutrition.com
passcode: wellness
Section: Footer
Template: Brine

Thank you!

Edited April 3, 2020 by carrie1

tuanphan · April 4, 2020

Where is social icons?

carrie1 · April 5, 2020

On 4/4/2020 at 1:04 AM, tuanphan said:

Where is social icons?

Hey @tuanphan!
Hope you're staying well.

They are at the bottom in the footer. I have them set to left justified for desktop which is perfect but on mobile it would be great to have them centered.

Thank you!

jaksdigital · July 16, 2020

@carrie1 were you able to resolve this? looking to fix the same thing

July 16, 2020

Hi! This helped me when my social links were left aligned on desktop and centered on mobile:

@media only screen and (max-width: 600px) { 
  .social-icon-alignment-left 
  .sqs-svg-icon--list {
    text-align: center;
  }
}

Hope it helps!

jaksdigital · July 16, 2020

@nonaforevs worked perfectly thank you!

carrie1 · July 23, 2020

@nonaforevs Thank you! appreciate you taking the time and sharing 🙂

Center social icon block on mobile

Recommended Posts

carrie1

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

tuanphan

Link to comment

carrie1

Link to comment

jaksdigital

Link to comment

Guest

Link to comment

jaksdigital

Link to comment

carrie1

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources