All things Shopify and commerce
I need help setting up my online store, I’m using debut theme, I changed my background picture and on my laptop everything looks nice but when I go on my mobile the background looks zoomed in on the main page, except when I click on products, the background looks good as how it did in the laptop. Any reason why it only looks zoomed in on the main page ?
Solved! Go to the solution
This is an accepted solution.
Replace the code you shared with this to test:
background-size: contain;
body, html {
background: url({{ 'snake_background.jpg' | asset_url }});
background-color: #000;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center;
background-attachment: fixed;
}
Hey There!
Would you mind sharing your store's URL so I can check this for you?
This is it, I have it on password, since I’m still under try out hopefully you can still see it,
Would need the password, you can send it via DM to keep it private if you prefer no worries!
Password would be mewnti
OK had a look here, can't seem to really see what you're pointing at in terms of issue. Would you mind taking a screenshot of the issue maybe it'll be clearer. Cheers!
This how it looks on my phone
Ok That's interesting! Will replicate this and give you a solution once I have it!
this are the codes i use on theme.scss.liquid
background: url({{ 'snake_background.jpg' | asset_url }});
background-color: $color-body;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position:center;
background-attachment:fixed;
This is an accepted solution.
Replace the code you shared with this to test:
background-size: contain;
body, html {
background: url({{ 'snake_background.jpg' | asset_url }});
background-color: #000;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center;
background-attachment: fixed;
}
thank you so much!!!!!!!!!!!!!!!!!!!!!!!!! i been trying all day and i feel so relief now, it looks just how i wanted it
You're most welcome! Should you need anything feel free to let me know by Email, DM or forum tagging, up to you!
hi there, i'm launching my website today and i noticed that the mobile version is extremely zoomed in and doesn't look like the desktop version. I tried following the tips you left for the previous person but i don't seem to have a "theme.scss.liquid" to update so I'm bot sure how to go about fixing this. Is there any way you can look into this for me please? I'm using the debut theme as well.
this is the mobile version:
and this is the desktop version:
Did you find a solution for this?
Hello @Maddy_Summer & @sunnydazeave ,
Happy to help you out on that, would you mind sharing your store's URL (here of privately your call) so I can provide the code for that?
Thanks!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024