Dawn theme footer menu on mobile

[blublu]

My shopify website has a footer menu (yellow in the screenshot) that doesn't stay centered and aligned on mobile. Tried different solutions but didn't work.

Please help me with the code and where exactly to paste it in my theme.liquid file?

https://blublu.ca/

[Moeed]

Hey @blublu 

Your store is password protected, can you share the password as well?

Best Regards,

Moeed

[blublu]

saghoo

[Made4uo-Ribe]

Hi @blublu 

It password protected. 

[blublu]

Can you help me with a code modification to make the menu centered on desktop, without changing my mobile code? Thank you

[Made4uo-Ribe]

Sure, check check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
@media screen and (min-width: 990px) {
   .header-wrapper .header--middle-left {
        grid-template-columns: 1fr auto 1fr;
    }
}
</style>

And Save. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!