Different Featured Collection Section on Mobile/Desktop

Solved

Different Featured Collection Section on Mobile/Desktop

noah12x2
Excursionist
46 0 10

Hey,

can anyone please provide me a code for the featured collection section, so it is only shown on mobile/desktop.

 

As i want it to show 5 Products on desktop and only 4 on mobile.

 

https://pb9rithagnadrdic-85421687108.shopifypreview.com

burtah

 

 

Thanks for your help in advance

Accepted Solution (1)
suyash1
Shopify Partner
10001 1241 1572

This is an accepted solution.

@noah12x2 - please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

 

@media screen and (max-width:749px){
li#Slide-template--23409410015556__featured_collection_k33F9p-5{display:none; visibility:hidden;}
}
Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 3 (3)

suyash1
Shopify Partner
10001 1241 1572

@noah12x2 -- or you can use custom css to hide one of the unwanted products on mobile

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
noah12x2
Excursionist
46 0 10

Yh thats what i want, but i need the code for it

 

suyash1
Shopify Partner
10001 1241 1572

This is an accepted solution.

@noah12x2 - please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

 

@media screen and (max-width:749px){
li#Slide-template--23409410015556__featured_collection_k33F9p-5{display:none; visibility:hidden;}
}
Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.