Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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?
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.
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?
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025