All things Shopify and commerce
our "add to cart" button are not on the same height due to some of our product's name are longer than others, what should we do to match the same level for every "add to cart" button?
https://011ebd-2.myshopify.com
Password 123456
Solved! Go to the solution
This is an accepted solution.
Hey @GavinZ
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (max-width: 767px) {
.card-information {
height: 95px !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @GavinZ
I'm Dan from Ryviu: Product Reviews & QA app.
You can try to add this code to your theme.liquid file after <head> in Online Store > Themes > Edit code
<style>
@media (max-width: 749px) {
.card__heading { min-height: 55px; }
}
</style>
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
This is an accepted solution.
Hey @GavinZ
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (max-width: 767px) {
.card-information {
height: 95px !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you, this fixed our mobile site, we just find that we have the same problem on desktop site, do you know what to fix this?
Also it has a problem like this:
@GavinZ Hope you are doing well.
Please add the below line of CSS at the end of your base.css file. You can find this file under assets folder.
.product .card-title{
min-height:46px;
}
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025