How can I center the mobile footer on my Prestige theme?

[OcvlvsClothing]

Hi!

I have been trying to center my mobile footer for some time and no code that has been given in other discussion has worked, and for some reason only the "Policies" tab in the footer is centered on mobile.

Any suggestions on what I should do?

My store URL is: https://ocvlvsclothing.com/

Thank You!

[Nick_Marketing · Accepted solution]

If you want to center a footer on mobile, try adding this code to the bottom of theme.css (theme.scss.css)

@media screen and (max-width: 640px) {

.Footer__Block.Footer__Block--newsletter {
  text-align: center;
}
.Form__Submit.Button.Button--primary {
margin-left: auto;
  margin-right:auto;
} 

.Footer__Block.Footer__Block--text {
  text-align: center;
}


.Footer__PaymentList.HorizontalList {
  margin-left: auto;
  margin-right:auto;
  
}
}

Result:

 

[Stan7]

Hello Nick

I'm Stan N. and I have a little problem 

As you can see from the picture, everything aligns to the center without the INFORMATION menu

I am using the Prestige style Couture theme version 6

I would be very happy if you could help me

Kind Regards Stan 

[michaelvollner5]

Same here with this problem

I added this variant but inner links are not center

[benidesign]

Hi Nick, I tried your code on my prestige theme but it didn't center align my footer blocks on mobile. Any pointers? Would appreciate some help!

URL: https://www.mauifruitjewels.com