Center the position of social media icon in the footer add code through custom.liquid on destop

[NatalieY123]

I add a custom.liquid in the homepage footer to show the media icon right under the text banner. It looks center on mobile but not on desktop like attached. Anyone can help me the correct way put those icons in the middle on desktop page?

[CodingFifty · Accepted solution]

Hi @NatalieY123,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.list-social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
}

[NatalieY123]

Thank you so much, it works now!

[CodingFifty]

Please like and mark the solution @NatalieY123