How to make center align the block in my footer for mobile only

[clayinfo]

Hi there,

I would like to ask help in making this center aligned, but for mobile only.

www.constructionlayers.com
Password: collectionthree

[Moeed]

Hey @clayinfo

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[websensepro]

Hi, @clayinfo .

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

ul.footer-block__details-content.list-unstyled li a {
    justify-content: center;
}

Result:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

[Made4uo-Ribe]

Hi @clayinfo

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: 749px){
.footer-block.grid__item.footer-block--menu.scroll-trigger.animate--slide-in a {
    justify-content: center !important;
}
}

And save.

Result:

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

[clayinfo]

Hello,

I tried pasting the code at the bottom of base.css and it didn’t work.

[clayinfo]

Hello,

Thank you for the feedback.

I pasted the code at the bottom of base.css and it didn’t work. Any reason why?

[clayinfo]

Thank you! This worked!

[Made4uo-Ribe]

Because you have missing } closing bracket on the base.css file.

This isthe end of your base.css file missing closing bracket line 3538.

You need to put the closing bracket, the next codes on that lines would not be working.

And this is the global css file it work all designs in your store.

Add the bracket like this.

The other developer used another file so it works.

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

[Made4uo-Ribe]

And if you paste the code on the “section-footer.css” it would work. If that file is not missing some signs.

[Moeed]

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.