Re: The "add to cart" button not on same level

GavinZ · ‎03-04-2024

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

Moeed · ‎03-04-2024

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

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

View solution in original post

Dan-From-Ryviu · ‎03-04-2024

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>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- 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 - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Moeed · ‎03-04-2024

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

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

GavinZ · ‎03-04-2024

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?

GavinZ · ‎03-04-2024

Also it has a problem like this:

webwondersco · ‎03-04-2024

@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;
}

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip ☕ would be greatly appreciated. :)..! Instagram

Re: The "add to cart" button not on same level

The "add to cart" button not on same level

- Need a Shopify Specialist? Chat on WhatsApp ✅- Get a quick Shopify quote – Click here!- Custom Design | Advanced Coding | Store Modifications

- Need a Shopify Specialist? Chat on WhatsApp ✅- Get a quick Shopify quote – Click here!- Custom Design | Advanced Coding | Store Modifications

Community Blog Articles

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications