Footer doesn’t match on all pages

Hi my footer doesn’t match on some pages I’d like it to look like the first pic with some black space up top for all pages ex:https://luxurymrkt.com/pages/source-a-product

This is how it looks https://luxurymrkt.com/collections/bags

Desktop looks fine. Is it only on mobile?

Hi @Luxurymrkt ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

Step 2: Search for the file theme.css. And add this code snippet to the end of the file.

@media only screen and (max-width: 768px) {
  .site-footer .grid__item {
    padding-top: 15px !important;
    padding-bottom: 5px !important;
  }
}

Step 3: Save your code and reload this page.

=>> The result:

The footer in “collections/bags” will be as same as footer in “pages/source-a-product” in mobile view

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

I found on that page the footer is applying an important style, try to remove that CSS.