How do I correctly align social icons on mobile devices?

Technical Q&A
1

Hi,

I have a problem with my social icons.

These are not arranged correctly on mobile devices.

Can someone help me and align them right and left on all devices?

Thank you for your help and time!

Best regards

Bildschirmfoto 2021-03-01 um 12.02.19.png
Bildschirmfoto 2021-03-01 um 12.02.19.png1056Ă—350 37.2 KB

2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

Hi,

thank you again for helping me.

I sent you the url and password privately earlier. If you don’t have them anymore, I can send them to you again.

Thanks!

1 Like
4

Hi there, do you have any updates?

5

Hello There,

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 749px){
body ul.list–inline.site-footer__social-icons.social-icons.site-footer__icon-list {
text-align: center!important;
}
}

1 Like
6

Thank you very much, but it didn’t work the way we wanted it to.

Is there some way that it could be aligned with the newsletter field?

So that there is always enough space between the icons that the left and right icons are always aligned with the newsletter?

Thank you for your time and help!

Best regards

7

Do you have any updates for us?

Thank you so much!

8

Hi, since you haven’t reported back, I’ll ask again. Could you maybe help with what I wrote? Thank you for your help and time! Best regards