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?
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025