Debut theme - Center Social media icons on MOBILE only

Store Design
1

Hi there,

On my site currently I have at the bottom the newsletter entry and social media icons underneath. For desktop it looks fine, but for mobile they are off center.

I was wondering if there is a way to center the social media icons but only for mobile devices. On PC it is fine.

The link is: https://orchard-accessory-store.myshopify.com/

password is frawgh

81b92820bf864f2059f3cd8fa3eb21ab.png
81b92820bf864f2059f3cd8fa3eb21ab.png422×445 9.38 KB

Thank you so much for your help!!

2

@GetOrchard

sorry for this issue but i think you have fixed

KetanKumar_0-1626917358754.png
KetanKumar_0-1626917358754.png1920×1080 311 KB

3

Yes I ended up using this code for it:

@media only screen and (max-width: 768px) {
.site-footer__social-icons {text-align: center !important;}
}
4

Put at the bottom of theme.css