vhR1
July 25, 2023, 2:09pm
1
Can someone help me out and tell me how to fix this problem I would like for “Add to cart” to be symmetrical.
The link to the following is: https://admin.shopify.com/store/d893b5-2/themes/151095574863/editor?previewPath=%2Fcollections%2Ffrontpage§ion=template–19273068839247__template-collection
P.S. The desktop version looks alright. It is only the mobile version that struggles.
@vhR1 - can you please share the site link and not admin link? it is happening due to title size where few have 3 lines and few have 1… so css needs to be set to make all titles equal height, this will add some space
vhR1
July 25, 2023, 3:39pm
3
@vhR1 - add this css to the very end of your base.css file and check. adjust number as per the need
@media screen and (max-width:749px){
.product-item-title{min-height: 50px;}
}
vhR1
July 25, 2023, 4:08pm
5
Did so, it fixed the bottom one but the top one still looks off..
vhR1
July 25, 2023, 4:24pm
6
I did it now it look perfect, thank you!!!