Hi All!
Please can someone assist me.
I have a Best Sellers featured collection on my homepage. On desktop view it shows 9 products but on mobile view it only shows 5 products (see screenshot below).
I would like the mobile view to show 9 products.
Thanks in advance!
Please add below css code in bottom of assets/theme.scss.css file
@media only screen and (max-width: 749px)
.grid–uniform.collection .small–hide {
display: block!important;
}
Thank you.
Hi @guyv ,
Please go to your Online store > Themes > Actions > Edit code > Assets > theme.css.liquid file and add those CSS codes to the bottom of the file to make it all products of featured collection
@media only screen and (max-width: 749px) {
#shopify-section-featured-products .grid__item.small--hide {
display: block!important;
}
}
@Denishamakwana Thanks for your reply. Your solution was just missing some brackets.
@Dan-From-Ryviu Thanks a lot!
Hi,
In shopify there is no need to add brackets after media css.
you can try it.
thank you.