hi, can anyone help on making the layout of the products and picture the exact same so it looks clean on mobile and desktop view instead of different sizes, please see the picture below.
im using the theme Focal
Hi, @bally
Where is the layout on your page? I can’t find it.
Hey,
In your store I don’t think the issue still persists, but there is an additional issue that if the product title is too long and it shows in too lines then the product card doesn’t look good, to fix that you can paste the following code in your theme’s css file
.ProductItem__Info.ProductItem__Info–center { display: grid; grid-template-rows: repeat(auto-fit, minmax(50px, 1fr)); }
its Focal theme
this doesn’t work. and my page is not in the grid. one product picture is big the other is small i need them look all in one line exactly
Are you working on a theme that is not active/published yet?, If yes then share the preview
yes i am its not published let me send you the preview link now.
.product-item__aspect-ratio{aspect-ratio: 2/3}
place the above code in your css file
is it the theme css file?
yes
still doesn’t work