Solved

how to hide collection from home page only for mobile

pb11nz
Tourist
10 0 5

hello

I want to display only two collections on my mobile, I can hide for desktop from settings but I want to hide 3rd collection on mobile as shown in the attached photo. Theme- Debut

URL- https://thebudgetify.myshopify.com/

password- 1111collection.JPG

Accepted Solution (1)

LitExtension
Shopify Partner
4860 1002 1145

This is an accepted solution.

Hi @pb11nz,

Go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (max-width: 749px){
	.collection-grid .grid--uniform .grid__item:last-child{
		display: none !important;
	}
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 2 (2)

LitExtension
Shopify Partner
4860 1002 1145

This is an accepted solution.

Hi @pb11nz,

Go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (max-width: 749px){
	.collection-grid .grid--uniform .grid__item:last-child{
		display: none !important;
	}
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
pb11nz
Tourist
10 0 5

thanks it worked