Solved

How do I center my footer social media icons?

Lawni
Tourist
9 1 3

Hello,

I'm trying to center the social media icons on the footer but no solutions worked for me so far. I tried putting below code to theme.css file but It didn't work.

 

{
ul.social-media social-media--list.unstyled-list {
align: center !important;
}
}

 

Can anyone help me with this?

 

My website: https://lawni.com/

Password: steosi

 

Thanks in advance!

Accepted Solution (1)

Team_OSC
Shopify Partner
118 16 18

This is an accepted solution.

Hi @Lawni 

 

Try the following code:

 

.footer .social-media--list {
    justify-content: center !important;
    text-align: center !important;
}

 

Best regards,

- Need a Shopify Developer?

  Hire Me:  Upwork | Website:  Omni Site Creations
- Connect On: Chat on WhatsApp | Email: info@omnisitecreations.com
- Our Services:  Design Changes | Custom Coding | Modifications | New Website
- Your tip, my code.  Buy me a Coffee  ❤️

View solution in original post

Replies 3 (3)

Team_OSC
Shopify Partner
118 16 18

This is an accepted solution.

Hi @Lawni 

 

Try the following code:

 

.footer .social-media--list {
    justify-content: center !important;
    text-align: center !important;
}

 

Best regards,

- Need a Shopify Developer?

  Hire Me:  Upwork | Website:  Omni Site Creations
- Connect On: Chat on WhatsApp | Email: info@omnisitecreations.com
- Our Services:  Design Changes | Custom Coding | Modifications | New Website
- Your tip, my code.  Buy me a Coffee  ❤️
Lawni
Tourist
9 1 3

It worked, thanks!

yograndpagotit
Excursionist
12 0 2

How do I fix the placement of my social media icons (seen below)? I tried the code you provided above and changed "center" to "right", but that did not fix it.

 

This only happens in the table view. Both the Full Desktop/Laptop and the Mobile views are fine.

Screenshot 2024-05-24 at 12.49.30 AM.png