Horizontal footer menu not centered on DAWN theme for mobile

mgrp
Tourist
15 0 2

Hi there, does anyone know how I can center my footer menu for mobile, I added this code :

 

 

 <style>
@media screen and (max-width: 767px){
.footer__content-top {
    padding-bottom: 3rem;
    padding-left: calc(1rem / var(--font-body-scale)) !important;
    padding-right: calc(1rem / var(--font-body-scale)) important;
}
ul.footer-block__details-content.list-unstyled {
display: flex;
    justify-content:space-evenly;
    
}
ul.footer-block__details-content.list-unstyled * {
    font-size: 9px !important;

}
}
</style>

 

 

and that made it horizontal which is what I wanted but now its not centered :

IMG_9760.jpg

 

any help would be greatly appreciated, i've searched the topic and have tried several codes and nothing has worked

 

 

 

****UPDATE, I solved it 

Reply 1 (1)

AnneLuo
Shopify Partner
422 85 79

Hello, @mgrp 

Can you share your store url?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee