How can I fix product alignment issues on mobile with variant pricing?

Topic summary

A user is experiencing product alignment issues on mobile devices when variant pricing displays “from £x” text. The problem occurs specifically with products that have variants at different prices, while products without variants align correctly.

Proposed Solution:
A PageFly representative provided CSS code to address the issue through these steps:

  • Navigate to Online Store → Theme → Edit code
  • Locate the theme.liquid file
  • Paste the provided CSS code at the bottom of the file
  • Save changes

Status: The thread appears to have a suggested fix, but confirmation of whether the solution resolved the alignment issue has not been provided. The code snippet itself is corrupted/unreadable in the conversation text.

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

Hi, I got some code before to align my product text and prices etc but when there are variants on a product at different prices causing the “from £x” text it ruins the alignment with a product with no variants on mobile. any ideas? thanks

website: www.stagtis.com

Hi @Stagtis ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly