Left align social media icons in the footer DAWN THEME

[sophaff]

Hi Shopify community!

I am wanting to left align social media icons in the footer on Dawn theme as per screenshot below.

[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

[oscprofessional]

Hello @sophaff

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.footer .footer__content-top .footer__list-social {
    right: auto !important;
    left: -16px;
    top: 5px;
}

[Dan-From-Ryviu]

Hi @sophaff

Could you share your store URL?

[sophaff]

Amazing thank you that worked but is there any way we can just shift it over slightly to the right so it’s lined up with the ‘quick links’ column?

[sophaff]

This worked PERFECTLY. Thank you ?

[DitalTek]

hi,

You can add css short code here to section-footer.css file:

.footer__list-social.list-social:only-child {
    justify-content: flex-start;
}

[Moeed]

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[SideNode]

hi,

You can add css short code here to section-footer.css file:

.footer__list-social.list-social:only-child {
    justify-content: flex-start;
}