DAWN THEME - MOBILE MEDIA CONTAINER CHANGING SIZES DURING SCROLL

Store Design
, , , ,

Topic summary

A user is experiencing an issue with the Dawn theme where product images on mobile devices change aspect ratio while scrolling.

The Problem:

  • Initially, the product title, price, and variants are visible in one screen view
  • As the user scrolls down, the product image’s aspect ratio increases
  • This causes the variants to no longer be visible on one screen
  • The scrolling experience feels jumpy rather than seamless

Key Details:

  • Issue occurs on mobile devices only
  • Cannot be reproduced through desktop page inspection
  • Must be viewed directly on a mobile device to see the problem
  • The user is seeking a CSS fix to lock the image position and prevent the aspect ratio from changing during scroll

Status: The issue remains unresolved and requires a solution to maintain consistent image sizing throughout the scroll experience.

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

Hi,

On my mobile device ONLY, the product image’s aspect ratio to the page increases as you scroll.

Is there a way to fix the position of the image so it does not do this?

In my screenshots, you’ll see that normally (IMAGE 093), you can view the PRODUCT TITLE, PRICE, VARIANTS in one screen.
However, after I scroll, you no longer can see the variants in one screen because the Image size increases (IMG 094)? How do I get it to stay the same (IMG 093)?

IMG_7093.jpg
IMG_7093.jpg1170×2532 158 KB

IMG_7094.jpg
IMG_7094.jpg1170×2532 159 KB

koredoko.com

2

Hi @jonrin0213 ,

The issue is not resolved. The issue described cannot be viewed by Page Inspection. To reproduce the issue, please view the link koredoko.com on your mobile device. As you scroll you’ll see the image aspect ratio increases, so the scroll is not seamless but jumpy. Do you know a way to fix the position of this so it avoids increasing?