How can I center the footer menu on mobile using Dawn theme?

[jackrivers]

I want to center the footer menu on mobile. I have it working for the pc version using this code:

@media screen and (min-width: 768px){
.footer__content-top .grid__item {
    padding-left: 15rem !important;
}
  
.footer__content-top .grid {
    margin-left: 10rem !important;
    margin-right: 10rem !important;}
}

My website is: https://bladelighter.com/pages/696969

[FoysalAhmed · Accepted solution]

Please Use this code 

@media screen and (max-width: 767px){
.footer-block ul li a {
    text-align: center!important;
    display: block;
}
}

[KetanKumar]

@jackrivers 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-footer.css->paste below code at the bottom of the file.

.footer__content-top .grid {
    text-align: center;
}

.footer-block__details-content>li:not(:last-child) {
    margin-right: 0;
}

[kashco]

But this does not centralize the menu options, it just centres the title.

[KetanKumar]

@kashco can you please provide your store url so i will check and update you

[kashco]

https://kashco-interiors.myshopify.com/

password: Kashco