Centering all blocks on mobile footer Palo Alto

Store Design
1

Hi,

I am working in the Palo Alto theme (preview of website linked below, it’s not yet published).

I am wondering if anyone has the code to center all of the blocks (Text, logo, and social icons) in the footer on mobile only.

Preview link is below:

https://t1owmqxh7o5tj3nt-18156895.shopifypreview.com

2

Hi @KJD_1

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (max-width: 767px){
.footer-blocks * {
    text-align: center;
}
a.footer-block__logo-image, form#NewsletterForm--footer-block-3 {
    align-self: center;
}
}

And Save.

Result:

Made4uoRibe_0-1707082930186.png
Made4uoRibe_0-1707082930186.png476×827 32.7 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Can I use this on my store also? am facing the same issue as well.

Thank you in advance.

4

If you have the same theme, possibility. But if you like to make sure it will work you can share your store URL and ill share the code. Thanks!

5

Hi @Made4uo-Ribe ,

Thank you for your reply. I was able to have another community expert help me with this as well as you would be able to I am sure. But I would like to private message you if that is fine, in light of discussing some rather small issues I’m having with my store (Studio Theme).

I would be happy to share my URL and password with you if you’d like.

Thank you again @Made4uo-Ribe