How do i center the footer on mobile(researched methods not working)

Store Design
,

Topic summary

A Shopify store owner is unable to center footer elements (copyright text and payment methods) on mobile devices despite trying multiple solutions, including code injection into theme.liquid.

Resolution:

  • After sharing the store URL and password for access, a CSS solution was provided
  • The fix targets screens under 768px width using a media query
  • Code applies justify-content: center and align-items: center to the .footer-container-2 class
  • Solution should be added to the end of the components.css file

Outcome:
The CSS code successfully resolved the centering issue. The discussion is now closed with the problem solved.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hi

I have tried a couple methods to center my footer on mobile including injecting code into the theme.liquid but nothing has worked so far.

Any help is greatly appreciated.

Thank you!

2

@WVVW Can you please share this page link?

3

Sure! I should have given that earlier.

https://ssy4z6-x4.myshopify.com/

Thank you :slightly_smiling_face:

4

Sure! I should have given that earlier -
https://ssy4z6-x4.myshopify.com/

Thank you :slightly_smiling_face:

5

@WVVW - this page do not have footer

6

Oh I must be mistaken.

I am trying to center the copyright text and payment methods(just paypal at the moment).

7

@WVVW - can you please share the password to view page?

8

Oh I didnt realise it would be sending you to the password page!

the password is s1xte6n

Thank you! my mistake!

9

@WVVW add this css to the end of your components.css file and check

@media screen and (max-width: 768px) {
.footer-container-2 {justify-content: center !important; align-items: center !important;}
}
10

This worked!

Thank you very much, I really appreciate your help :slightly_smiling_face: