How can I adjust footer menu alignment for mobile without affecting the desktop view?

Store Design
1

Hello,

The menu columns don’t like evenly spaced/centered on mobile, is there a way to change without effecting on desktop? Specifically want the “Our Policies” column more to the right so it’s in line with text below it and not too much to the left.

theunavabilable.myshopify.com

Thank you.

TheUnavailable_0-1707193163607.png
TheUnavailable_0-1707193163607.png443×381 13.4 KB

TheUnavailable_1-1707193232865.png
TheUnavailable_1-1707193232865.png443×685 27.8 KB

2

Hello @TheUnavailable
When I navigate the above url , It saysThis store does not exist.

3

theunavailable.myshopify.com

1 Like
4

Hi @TheUnavailable ,

You can Use the below CSS

@media (max-width: 767px){
.footer-block__details-content {
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
h2.footer-block__heading {
    text-align: center;
}
}