How can I center footer items in the Dawn Theme?

[sophaff]

Hi there, I am wanting to center all menu items in the footer menu - and also shift the social icons to sit under the ‘let’s get social’ title.

URL: https://1cd464.myshopify.com
p/w: nawche

[sophaff]

It would be greatly appreciated if you can post directly onto this feed for the benefit of the wider Shopify community.

[Moeed]

Hey @sophaff

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[sophaff]

Fantastic thank you so much @Moeed that has worked however the menu items are not centered at the bottom… is there a fix for this?

And it’s actually not displaying correctly on mobile or tablet view. Is there a fix for this?

[Moeed]

Hey @sophaff

Apologies for the confusion, Kindly remove the previous code and add this new code with the same instructions.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[sophaff]

Thanks @Moeed it has come up with this error

[Made4uo-Ribe]

Hi,

Delete the 2nd below the @media.

[sophaff]

Thanks so much @Made4uo-Ribe your solution worked The same issue is still happening with the content not centering when viewing on mobile or tablet… Any ideas?

[Made4uo-Ribe]

Try this one then.

• 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 “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (max-width: 749px){
    .list-menu__item {
    justify-content: center !important;
}
}

• And Save.
• Result:
• 

I hope it help.

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

[sophaff]

OK great - so I left the original code in the theme.liquid file and then added your above mentioned code in my base.css file and the attached has occured… the social icons aren’t sitting in the right spot and theres some broken code in the bottom left corner

And on desktop preview the quick links menu is not centered…

Thank you so much for your help - I really appreciate it