Footer Wrong on Mobile View Help Please

Highlighted
Shopify Partner
38 1 4

trying to get payment icons inline on mobile view, on the p.c. in desktop mode, tablet mode and mobile mode it looks okay but when i go on my actual phone that on the bottom right of the picture is what i'm getting, been trying to fix it for a most of the day now... but unfortunately i just ran out of coffee not to mention i'm also a novice. Anyone out there can lend a little help to get this thing sorted out would be a dream. I have the Booster theme my url is www.teeparts.comhelp me pleasehelp me please

0 Likes
Highlighted
Shopify Partner
1197 162 320

Try adding this to the bottom of your theme.scss.liquid:

ul.payment-icons.list--inline {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

I can't test it on my phone cause I dont have dev tools on there.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Highlighted
Shopify Partner
38 1 4
Yes, thank you my friend... this brought them inline but now the icons span the entire width of the bottom, only in mobile view want them closer together if that's possible
0 Likes