Multicolumn Background Image displaying incorrectly on mobile preview

Multicolumn Background Image displaying incorrectly on mobile preview

JoshOcto
Shopify Partner
2 0 0

Hello,

I'd really appreciate any assistance with the following:

 

I'm trying to add a background to a multi-coloumn section. I've use the custom CSS box to do it. When in the builder or preview the site on desktop it looks great, but when I preview it on mobile it seems to have zoomed on one portion of the image... I dont know how to fix this as the builder seems to imply it should be displaying correctly on mobile... (see attached screenshots)

 

Anyone have any idea why it might be doing this?

 

Screenshot 2023-08-22 at 11.05.38.pngScreenshot 2023-08-22 at 11.05.20.pngIMG_4810.PNG

Replies 2 (2)

Ugurcan
Shopify Partner
348 7 34

The section  is designed so that not to cause any distortion on the image, it uses a portion of the original image in mobile view. This can be changed in the code by adjusting background properties.

Pasilobus | eCommerce Experts, Shopify Apps & Development since 2015 -- www.pasilobus.com
JoshOcto
Shopify Partner
2 0 0

Okay awesome. And in order for it to display on mobile as it is in the builder (second screenshot above) what aspects background properties in particular do you think I would need to change?