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
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!