How to avoid image banner changes size on mobile version when scrolling up or down

Topic summary

Users are experiencing an issue where image banners resize and shift position when scrolling on mobile devices, creating a buggy appearance. The problem persists despite setting image behavior to “none.”

Key Details:

  • The issue appears particularly noticeable when accessing the site through Instagram bio links
  • Multiple users have encountered the same problem
  • Images zoom slightly and change position during scroll, disrupting the smooth viewing experience

Potential Solution:
One user suggests disabling the “Constrain media to screen height” setting, based on guidance from Shopify’s AI assistant. The AI also recommends:

  • Checking theme image settings for proper aspect ratios
  • Reviewing slideshow and banner image settings
  • Ensuring images lack excessive whitespace
  • Updating the theme to the latest version

Current Status:
The discussion remains open with no confirmed resolution. Users are testing the suggested fix of turning off the media constraint setting.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

Hello!

My image banner changes size on mobile version when scrolling up or down. It change it’s position and size zoom just a little and it look like my site has buggs. I want my banner to look like pdf file with no image zooming and scrolling smooth.

Images behaviour is already set to “none” so that’s why I have no idea what to do.

My website is: https://www.karpovastudio.com/

Hope you have some ideas!

Hey, did you find a fix for this problem?

Hey!

No, I didn’t figured it out. If I understand correctly, the issue isn’t with the code itself but with the way the website opens when you use the link in the Instagram bio.

Do you know how to fix it?

1 Like

Hi Ira, I have the same problem. Are there any solutions by now? :slightly_smiling_face:

Might found it! Try turning off : Constrain media to screen height

Shopifys Ai assistant said this:

Thanks for the kind words about Shopify! I understand you’re having issues with your store’s display when visitors come from Instagram links - with pictures changing size and screen jumping during scrolling.

Let me find some information about this Instagram link display issue.

Reading through a few Shopify help documents: Instagram Shopping, Uploading images, Troubleshooting, Choosing a social media image, Supported apps, Product media types

This issue with Instagram links causing display problems on your store is likely related to how your theme handles mobile responsiveness when visitors come from Instagram.

To fix the jumping screen and resizing images when visitors come from Instagram:

  1. Check your theme’s image settings in the theme editor to ensure proper aspect ratios are maintained
  2. Review your slideshow and banner image settings - these can cause display issues on mobile
  3. Make sure your images don’t have excessive whitespace that could cause layout shifts
  4. Consider updating your theme to the latest version if available

If these steps don’t resolve the issue, you might need to modify your theme code or contact your theme developer for specific assistance with Instagram traffic handling.