Can't get both mobile and desktop footer to align center.

[minoritywetrust]

Trying to align both mobile and desktop. 

Before I started trouble shooting mobile was aligned perfectly 

After I inserted this code in theme.liquid - my desktop version aligned center but my mobile stop aligning center: 

<style>
.footer__content-top{
text-align: center;
}
.footer__content-top a.link.link--text.list-menu__item.list-menu__item--link {
text-align: center;
display: inline-block;
}
</style>

---

I just want both to be aligned center. Any help? 

Dawn

website link: theminoritynyc.com

desktop version

mobile version

[JasmeetVT14313 · Accepted solution]

Hi @minoritywetrust,

Can you try updating your above css with below given

<style>
.footer__content-top{
text-align: center;
}
@media screen and (min-width:750px){
.footer__content-top a.link.link--text.list-menu__item.list-menu__item--link {
text-align: center;
display: inline-block;
}
}
</style>

And let me know if the issue still persists

[minoritywetrust]

Thank you kindly. 🤘🏾