Fix collection bottom padding (Minimal theme)

Store Design
1

Hey! I’ve got a problem on the collection page of my website. The product titles/prices are too close from the footer which makes the footer links hard to click on mobile.

The issue only occurs on mobile. Here’s a screenshot :

image0.png
image0.png750×1334 85.7 KB

URL: https://isole.club/

PW: abee

Would appreciate the help a lot! Thank you

2

@devbug

Please add the following code at the bottom of your assets/timber.scss.liquid file.

div#shopify-section-footer {
    margin-top: 50px;
}

Hope this works.

Thanks!

3

hello @devbug

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-footer {
    margin-top: 50px;
}
4

Thanks to you both @dmwwebartisan @Kinjaldavra although this issue only happens on the collection page of the mobile version of my site and really wanted to have no margin throughout the whole site. It is fine on the other pages though…

5

Nvm actually i used the code :

.template-collection .site-footer {
margin: 20px 0 0;
}

Worked well; thanks anyway