Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
This is an 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:
This is an 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:
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
Same here with this problem
I added this variant but inner links are not center
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024