The "add to cart" button not on same level

Shopify Discussion

Topic summary

A user is experiencing misaligned “add to cart” buttons across product listings due to varying product name lengths.

Solutions Provided:

  • Multiple respondents suggested adding custom CSS code to the theme.liquid file or base.css file
  • One solution involved setting a minimum height for product card titles to ensure uniform button placement
  • The CSS fix successfully resolved the alignment issue on mobile devices

Ongoing Issues:

The original poster confirmed the mobile fix worked but discovered the same alignment problem persists on the desktop version of their site. They shared additional screenshots showing the desktop misalignment and are seeking further guidance to resolve this remaining issue.

The discussion remains open with the desktop alignment problem unresolved.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
3

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 tag

RESULT:

Moeed_0-1709546145595.png
Moeed_0-1709546145595.png379×676 68.9 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like