Page List Collections not Centered on mobile | Supply Theme

Solved
Highlighted
Shopify Partner
776 123 378

let me see

1 Like
Highlighted
Pathfinder
160 0 4

I readded you in case you need it :)

0 Likes
Highlighted

Success.

Shopify Partner
776 123 378

it is not any design issue. it is image size issue. You need to upload all images in same sizes.
if an image has less height than another ,then the title will get its place where it gets space.

 

1 Like
Highlighted
Shopify Partner
776 123 378

@DStanko wrote:

I readded you in case you need it :)


- ican not login

1 Like
Highlighted
Pathfinder
160 0 4

I resent the email invite.

0 Likes
Highlighted
Pathfinder
160 0 4

I'm not sure if its because of image size, i think all images have the same size, do you mind looking into it?

0 Likes
Highlighted
Shopify Partner
776 123 378

-add this css.

@media only screen and (min-width: 768px) {
  .grid__item .grid__image{
	height:165px !important;
   }
}
1 Like
Highlighted
Pathfinder
160 0 4
0 Likes
Highlighted
Shopify Partner
776 123 378

add this one

@media only screen and (max-width: 600px) {
  .grid__image.product-grid-image img{
      height: 161px !important;
   }
}

give like

1 Like
Highlighted
Pathfinder
160 0 4

Hello my friend,

Just found out now, looks like there was an issue with the change you made a while ago (if you remember)

11.jpg

You can see that the products under a any product page (ON MOBILE VERSION) don't line up, you fixed this before for grid list collections, can you help fix it on product pages? https://www.promosmart.com.au/products/headmaster-washington-425ml

0 Likes