Solved

Mobile version in collection page not displaying correctly

UsmanSipra
Shopify Partner
33 0 3

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

US
Accepted Solution (1)

Developer-G
Shopify Partner
3032 593 846

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

 

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

View solution in original post

Replies 2 (2)

Developer-G
Shopify Partner
3032 593 846

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

 

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
UsmanSipra
Shopify Partner
33 0 3

Thanks a lot it really worked. Brilliant !

US