How can I center social icons in the Minimal theme footer?

[Molly8]

Hi

Can anyone please help me to position the above in Minimal theme. I want the social icons centred above the copyright and then the footer menu centred above the social icons. I would like the words ‘follow us’ removing. Please help a desperate member! I would also like it responsive across all views please. Thanks

mollycoddle-meg.myshopify.com

Password - preepi

Kind regards

[KetanKumar]

@Molly8

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.site-footer .grid__item {
    width: 100%;
    text-align: center;
}
ul.site-footer__links li {
    display: inline-block;
}
.site-footer h3.h4 {
    margin-top: 10px;
}
.site-footer hr.hr--small.hr--clear {
    margin: 0;
}

[Kinjaldavra]

hello @Molly8

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-footer.small--text-center .grid-uniform{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
.site-footer.small--text-center .grid-uniform .grid__item{
    width: 100%;
    text-align: center;
}

[Molly8]

Hi

That has worked really well thanks. Could you please tell me how to remove ‘follow us’ from above the social icons?

[KetanKumar]

@Molly8

yes please add this code

.site-footer h3.h4 {
    display: none;
}
.site-footer ul {
margin-top: 10px;
}

[Molly8]

Hi

That has worked really well. Thank you so much for your help!

Kind regards

[KetanKumar]

@Molly8

its my pleasure to help us