A user seeks to increase product card size in a featured collection on mobile view for their Shopify store (using the Craft theme).
Initial Problem:
Proposed Solutions:
width: 44% !important for screens under 768px, noting that smaller cards are intentional for slider UX on mobileWorking Solution:
<head> markup sectionNew Issue:
The thread demonstrates a common customization challenge where fixing one display issue can create unintended consequences elsewhere in the theme.
Hello!
I spent hours just trying to figure this out and couldn’t find anything that helped.
The product card size is too small. I’m looking to make product card bigger on mobile view.
store link:- https://www.aesthetixme.shop/
Theme:- craft
This is what it currently looks like:
and how should it looks like.
thank you.
hi its mostly done in case of slider because when a customer open the site on mobile it will show that these are sliders so you can swipe to check other products but if you still want to use it
@media (max-width: 768px) {
#shopify-section-template–17207848993022__featured_collection_Xb77Q9 slider-component ul li.slider__slide {
width: 44% !important;
}
}
in your section custom css
didn’t worked!
Hi @hitesh01
Please add this code below to theme.liquid file after in Online Store > Themes > Edit code
it worked!
thank you.
