Moving Product thumbnail images up in collection page

Store Design
1

Hey,

Really hoping someone can help.

I’m trying to figure out how to move the product images up on the collection page (Mobile view only) and wondered if anyone can help?

Url: https://www.notacard.com/collections/box-choice

Screenshot attached

Any help would be much appreciated. Huge thanks in advance!

site-header-cart { display none !important; }.jpg
site-header-cart { display none !important; }.jpg3240×5760 452 KB

2

Hi @mrjaengland

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Add this css at the bottom

Online Store->Theme->Edit code

assets->app.css

@media screen and (min-width: 750px) {

.products .product {

margin-bottom: 0px !important;

}

}

Hope you find my answer helpful!

Regards,

PageFly

3

Hey @PageFly-Victor ,

Huge thanks for this, the code seems to work, but only on desktop. The mobile view doesnt seem to change…

Any ideas?

Huge thanks again,

James

4

Hello @mrjaengland

Add this css at the bottom

Online Store->Theme->Edit code

assets-> app.css

@media(min-width: 280px) and (max-width: 767px){
.products .product {
margin-bottom: 5px !important;
}
}

Hope you find my answer helpful!

1 Like
5

@mrjaengland bro you can try this code agian

Add this css at the bottom

Online Store->Theme->Edit code

assets->app.css

@media screen and (max-width: 750px) {

.products .product {

margin-bottom: 0px !important;

}

}

6

Perfect!! Thank you very much