Why does my mobile site footer look off-center with no padding?

[davidvilaa]

Hi, anyone knows why the sections of my shop footer aren’t centered and there’s no padding in them, they’re correct in the PC version.

Thanks!

Web: https://centralmrkt.myshopify.com
Code: 90210

[David_SHT]

Hi @davidvilaa ,

This is David at SalesHunterThemes.

Thank you for your question.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → base.css file.

Add this following code at the bottom of page.

@media screen and (max-width: 750px) {
  .footer__content-top {
    margin: 15px !important;
  }
}

Here is the result:

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

David | SalesHunterThemes team

[ZenoPageBuilder]

Hello @davidvilaa

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.footer-block--newsletter {
    padding: 30px;
}

The result on mobile

Hope it helps!