Hi, I am setting up my website and have noticed the padding between the top of my footer and the menu items is different on only one of my pages. The rest of the pages look how they are supposed to but my collections page has more padding than it should. I have been trying to fix the issue with no luck and was wondering if anyone could help me out?
This is what the the footer looks like on all of the other pages:
And this is what the footer looks on my collections page. You can see there is more padding than the previous image, which I don’t want.
Thanks in advance!
1 Like
@hallowclothing
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hi there @KetanKumar ,
URL is www.hallowclothingco.ca
Password is hallowclothing77
Thank you!
1 Like
@hallowclothing
thanks for URL can you please try this code
- Go to Online Store->Theme->Edit code
- Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.site-footer .grid__item {
padding-top: 20px!important;
}
@KetanKumar
I copy and pasted and unfortunately, it didn’t work. It reduced the space above the elements in the footer on all pages, including the collections page. Except the collections page still has more padding above than the rest. It seems like the dimensions of the footer are taller on the collections page compared to the rest of my pages. Even on the mobile view, you can see the footer is taking up too much space and touching some of the collection images, when it shouldn’t be doing that.
