Shopify Design

UsmanSipra · ‎09-19-2021

Hello !

I am having problem with the mobile version of my website. The collection page seems to be showing products with some space ( as shown in the image below ).

All of the products on page 1 are shown correctly and nothing is missing but on page 2 the display is not properly shown. Is there any solution for this. Thanks

My website collection is : https://www.tribeuno.co.uk/collections/ladies-jumpers-1?page=2

US

Guleria · ‎09-19-2021

Hello @UsmanSipra ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid-> paste bellow code in bottom of file

@media only screen and (max-width: 749px){
.template-collection .small--one-half {
    height: 346px;
}
}

Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1

Try GEMPAGES a great app with drag and drop features to design landing/product/individual pages.

View solution in original post

Guleria · ‎09-19-2021

Hello @UsmanSipra ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid-> paste bellow code in bottom of file

@media only screen and (max-width: 749px){
.template-collection .small--one-half {
    height: 346px;
}
}

Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1

Try GEMPAGES a great app with drag and drop features to design landing/product/individual pages.