How can I fix image resizing issues for mobile on my parallax website?

Store Design

Topic summary

Mobile layout problems with a parallax homepage using hero images on the Shopify Galleria theme (v2.4.5). The site’s hero images sized 1111×252 px render poorly on mobile, disrupting the design.

Key details:

  • Theme limitation: the Hero Image section lacks a separate mobile image option.
  • Goal: make hero images visible and usable on mobile without hurting user experience.
  • Image specifics: wide, short aspect ratio (1111×252) appears to be the root cause on small screens.

The poster reiterates the theme/version and the absence of a second (mobile) image slot, and asks for guidance on how to handle mobile resizing or alternatives. They also requested that another member contact them via email for help.

No solutions, settings changes, or workarounds were provided in the thread. No code or media were shared beyond image dimensions. Status: unresolved; advice on mobile-friendly hero handling (e.g., mobile-specific imagery or responsive approaches) remains an open question.

Summarized with AI on January 20. AI used: gpt-5.
1

I am currently creating a site using parallax effects and hero images …

The mobile site is completely messed up due to the 1111 X 252 px images..

The theme I am using is Galleria version 2.4.5

the Hero Image section does not have a 2nd image choice for mobile

What should I do to ensure they are visible on mobile without negatively impacting User experience ?

Please help!

2

Also, the theme I am using is Galleria version 2.4.5

the Hero Image section does not have a 2nd image choice for mobile

3

@Impressable Send me a note please : info@elixirkitchens.com