How can I center align footer items on mobile in Impulse Theme?

Store Design
1

Hi there. I would like the items in my footer to be centered when viewed on the mobile only, but I can’t figure out how to amend the code. Happy with the way it looks on the desktop. Just need it center aligned on the mobile.

Many thanks.

footer.png
footer.png621×1344 138 KB

1 Like
2

@claudinesc , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
@media (max-width: 749px){
    .site-footer *:not(input){
        text-align: center;
    }
}

diego_ezfy_0-1634082527611.png
diego_ezfy_0-1634082527611.png489×841 42.2 KB

Kind regards,
Diego

1 Like
3

@claudinesc

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
4

It worked! Thank you so much for your help!

1 Like
5

@claudinesc

thanks for update

1 Like