How to Reduce Size of Product Pages on Mobile Phones

Store Design
,

Topic summary

A user seeks to reduce the size and improve the layout of product pages on mobile devices for better readability and scrolling. The current mobile product pages appear too large and cluttered.

Proposed Solution:
Another user provides step-by-step instructions:

  • Navigate to Online Store → Edit Code
  • Locate the theme.liquid file
  • Insert custom CSS code above the tag

The solution includes specific CSS styling to modify mobile product page appearance. Screenshots were shared comparing the current site layout with desired examples from competitor websites, though the image content and code snippet appear corrupted in the thread.

Status: A technical solution has been offered but not yet confirmed as implemented or tested.

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

Hi,

I wanted to reduce the layout of Product Pages for mobile phones. The product pages seem very large on mobile phones. I wanted to reduce the size and layout of the product descriptions for readability and make it easier when you scroll.

Please see screenshots below of website product page and examples from other product pages how i would like them to look. My website is www.liftchairheaven.com. Example of other website is www.relaxtheback.com

Screenshot for Lift Chair Heaven

Allen6224_0-1715924756448.png
Allen6224_0-1715924756448.png523×940 101 KB

Lift chair heaven screen shot

Allen6224_2-1715924849378.png
Allen6224_2-1715924849378.png486×926 83.5 KB

example from other website

Allen6224_3-1715924921631.png
Allen6224_3-1715924921631.png487×941 117 KB

Allen6224_4-1715924957685.png
Allen6224_4-1715924957685.png467×898 120 KB

2

Hey @Allen6224

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-1715925454363.png
Moeed_0-1715925454363.png370×657 56.5 KB

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

Best Regards,
Moeed