How can I make my homepage background image scalable on different screen sizes?

Store Design
,

Topic summary

A user is experiencing an issue with their Shopify store’s click-to-enter homepage background image. The image displays correctly on laptops and mobile devices but tiles on larger desktop screens instead of scaling properly.

Current Implementation:

  • Background image is set via CSS in the theme.liquid file
  • Works well on smaller screens but doesn’t adapt to larger displays

Attempted Solution:

  • PageFly-Victor suggested adding background-size: contain !important; to the CSS
  • This solution did not resolve the tiling issue on bigger screens

Current Status:

  • The discussion remains open with the helper requesting an updated preview link (the original has expired) to further troubleshoot the problem
  • The user is seeking alternative solutions to make the background image scale responsively across all screen sizes
Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I have a click to enter page as the homepage.

Preview: https://iy7w134szqxw3hni-55043031221.shopifypreview.com

It works great on laptops and on mobile but on bigger desktop screens the background tiles as it’s not big enough. Making the image much bigger just looses most of the detail. Is there a way to fix it of sorts so that it scales depending on screen size?

The current code for the background is in my theme.liquid and is:

body {
    background: url(https://cdn.shopify.com/s/files/1/0550/4303/1221/files/Background_Final.png?v=1676502255) !important;
 }

Thanks!

2

Hi [email removed]Elliott94,

You can try to use my code

body {
    background: url(https://cdn.shopify.com/s/files/1/0550/4303/1221/files/Background_Final.png?v=1676502255) !important;
background-size: contain !important
 }

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

3

Hi @PageFly-Victor thanks for your reply. Unfortunately that code did not change anything and it still tiles on bigger screens. Do you have any other suggestions?

4

please give me the link URL again. the preview link has expired