How can I fix the footer issue on mobile view?

[aliceinclothing]

Hello everybody,

I’ve been having a issue with the website footer (mobile view).In Mobile View, the footer text way at the bottom of the page is totally flush to the left. I’ve tried so many times, edited with so many codes, and I still can’t centralize it and remove the spacing. I’m going to provide a screenshot below.

If anyone can help I will really appreciate it.

[EcomRAZ]

Hi Aliceinclothing,

 Use the media query CSS and make sure you are applying to right class of footer menu. Also, Don't look into theme settings first. There might be option for that. 

[GemPages]

Hello @aliceinclothing 

Can you give me your Store URL so I can check it for you?

Kind & Best regards,
GemPages Support Team

[aliceinclothing]

Yes! Thank you so much.

This is my url: https://aliceinclothingland.com/

pass: hello1998

[Raunyt-vbm]

Hello,

The footer is not the only issue, there are sever other issues which I have detected in the website. However if you want you can reach me on raunyt.vbm@gmail.com and I can fix it for you right away.

Would be glad to help.

Thank you!

[GemPages · Accepted solution]

Hello @aliceinclothing 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

<style>
@media (max-width: 767px ) {
.footer-block__heading {
    margin-bottom: 1rem !important;
    text-align: center;
}
.footer-block__details-content .list-menu__item--link {
    padding: 0px!important;
}
.footer-block__details-content > li {
    display: flex;
    justify-content: center;
}
.footer-block__details-content {
    margin-bottom: 2rem !important;
}
.footer-block.grid__item {
    margin: 2rem 0 !important;
}
.footer-block--newsletter {
    margin-top: 2rem !important;
}
.footer-block__newsletter + .footer__list-social {
    margin-top: 2rem !important;
}
.footer__content-top {
    padding-bottom: 1rem !important;
}
}
</style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[aliceinclothing]

It worked! Thank you so much 🙂 

[GemPages]

Hello @aliceinclothing 

It's my pleasure to help.

Kind & Best regards,
GemPages Support Team