Social links in mobile are off center

Solved
Dolly_Lana
Excursionist
23 0 4

My social icons in my footer are stacked off center when viewing mobile. Can I get them to lay out horizontal on the bottom right in my footer? www.dollylana.com

0 Likes
PeanutButter
Shopify Partner
330 66 137

Hi @Dolly_Lana

how would you want them, something like this?

Screen Shot 2021-02-06 at 17.42.49.png

or something like this?

Screen Shot 2021-02-06 at 17.44.28.png

 

I think second options looks better, but let me know what you prefer and I will provide solution

 

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
Dolly_Lana
Excursionist
23 0 4

@PeanutButter 2nd option would be great! Thanks!

0 Likes
PeanutButter
Shopify Partner
330 66 137

hi @Dolly_Lana please try adding the following css to the end of your assets/custom_style.css file:

@media (max-width:767px) {
  .cont_mail {
    width: 100%;
  }
  .footer_social {
    float: none;
    width: 100%;
    clear: both;
    padding-top: 13px;
    display: block;
  }

  #shopify-section-footer #page-footer .social-links {
    text-align: left;
  }
}
Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
Dolly_Lana
Excursionist
23 0 4

@PeanutButter  It almost worked! They're stacked vertical under my email now.

0 Likes
PeanutButter
Shopify Partner
330 66 137

This is an accepted solution.

Hi @Dolly_Lana this happened because you added my code to your assets/style.scss.liquid file and not to the end of your assets/custom_style.css file

can you try to move it there and let me know if it works?

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
Dolly_Lana
Excursionist
23 0 4

@PeanutButter You're right, got it moved to the correct spot and it looks great now!

0 Likes