Hi everyone,
I’m facing an issue where the background image on my store appears zoomed in on one page but looks zoomed out on another page. I’ve attached screenshots to show the difference.
I’d like to know:
Any advice on where to adjust the settings (CSS or theme settings) would be much appreciated! Thanks in advance!
@arnelo
Sorry you are facing this issue,
It would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you with a solution here.
Hello sir,
the URL would be https://cbdcharly.com/
I WOULD APPRECIATE YOU LOOKING INTO THIS, THANKS!
@arnelo thanks for share url i can see is parallax effect doesn’t work proper ios device that show issue background image can try this code if are ok with this look
@media (max-width: 768px){body {background-attachment: inherit;background-repeat: repeat;}}
Thank you sir, you are a legend!
@arnelo Glad I could help
Sir, how can I zoom in the picture a little bit? Right now, it’s at its original size, which is not bad, but I would like to zoom in slightly for the mobile version so that it looks more like the first screenshot I sent.
SCREENSHOT 1
@arnelo oh sorry still there issue so please share your particular page url so i will check it out and update you
Hello this is the URL:
https://cbdcharly.com/
Thank you
@arnelo thanks for URL
We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?
No sir, what you told me to do worked, but I have another question. Right now, the original file format is being used as the background for every page, but I don’t like it because it’s too zoomed out. I would like it to be slightly zoomed in for mobile, like that.
At the moment it looks like this after your fix:
BUT I would like to have it like this:
THANK YOU VERY MUCH FOR YOUR TIME!
@arnelo yes please add this code
@media (max-width: 768px){background-size: 768px;}
Sir, I did, but it’s still the same size and not zoomed in