I need help fixing an issue with my store. The product titles on the collection page vary in size and in turn, this is affecting how the prices appear depending on what screen you see it on. I want the price and free shipping label (see below) to all be on the same figurative line despite how long or short the product title may be.
HI @rjg368
Please share with me the URL - and password if password protected. I will help you check it.
https://www.onthepatio.com/collections/in-pool-furniture-ledge-lounger
Here is one collection page you can see the issue Iām speaking about. The vendor name and the product names are all aligned perfect horizontally. The product prices and the free shipping label are not and I would like to fix that.
Hi @rjg368
This is Lucas from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file ā Save
.product-item__title {
margin-bottom: 0 !important;
min-height: 70px;
}
Hope that my solution works for you.
Best regards,
Lucas| PageFly
Yes, perfect!! Thanks a lot for the quick assistance!
1 Like
You are welcome @rjg368 