Brooklyn Theme: How to hide product thumbnails on mobile view?

Solved
Coffee-Exp
Excursionist
27 0 9

Hey there,

I'm using the Brooklyn theme and have several images for each product.  I wanna know if there is a method to hide the thumbnails when browsing by mobile phone.

Look forward to having your solution.  Thanks in advance!

Regards,

Coffee-exp

0 Likes
paramSoft
Shopify Partner
1466 239 655

Please provide website url and if your store is password protected then also provide password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
Coffee-Exp
Excursionist
27 0 9

@paramSoft 

My URL: https://www.honeyjarret.asia

Password: hjasia

Thanks a lot!

0 Likes
paramSoft
Shopify Partner
1466 239 655

Please place this code at the end of theme.scss

Please make the 'm' of media small

@_media only screen and (max-width: 600px) {
.product-single__thumbnails {
display: none;
}
}


 

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
paramSoft
Shopify Partner
1466 239 655

Please add me as a staff member

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
dmwwebartisan
Shopify Partner
4552 1022 1320

This is an accepted solution.

@Coffee-Exp 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media screen and (max-width: 768px){
.product-single__media-group--single-xr ~ .product-single__thumbnails{ display: none !important; }
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Coffee-Exp
Excursionist
27 0 9

@dmwwebartisan 

My query has been already solved.  Many thanks for your professional solution.