Mobile version in collection page not displaying correctly

Solved
UsmanSipra
Tourist
22 0 1

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 WhatsApp Image 2021-09-19 at 6.08.40 PM.jpeg

0 Likes
Guleria
Shopify Partner
1781 377 532

This is an accepted solution.

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
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal
UsmanSipra
Tourist
22 0 1

Thanks a lot it really worked. Brilliant !

0 Likes