Social links in mobile are off center

[Dolly_Lana]

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

[PeanutButter]

Hi @Dolly_Lana

how would you want them, something like this?

or something like this?

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

 

[Dolly_Lana]

@PeanutButter 2nd option would be great! Thanks!

[PeanutButter]

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;
  }
}

[Dolly_Lana]

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

[PeanutButter · 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?

[Dolly_Lana]

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