Fix collection bottom padding (Minimal theme)

Solved
devbug
Explorer
55 0 19

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

 

 URL: https://isole.club/

PW: abee

 

Would appreciate the help a lot! Thank you

dmwwebartisan
Shopify Partner
8355 1963 2642

This is an accepted solution.

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Natztech
Shopify Partner
1889 489 1171

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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
devbug
Explorer
55 0 19

Thanks to you both @dmwwebartisan @Natztech 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...

0 Likes
devbug
Explorer
55 0 19

Nvm actually i used the code :

 

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

 

Worked well; thanks anyway

0 Likes