{"product_id":"apply-custom-css-snippet-turbo","title":"Apply Custom CSS Snippet","description":"\u003cp class=\"task-lead\"\u003eAn apparel brand's image-with-text sections weren't resizing properly on mobile. The background image stretched and the text went off screen.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eImages with text overlay, like the slider, aren't resizing properly on mobile. The background goes to the wrong size and the text runs off the edge. Screenshots attached.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA theme-wide layout issue affecting every image-with-text section, not just one.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe corrected how those sections size on mobile so the background image fills the container and text stays within bounds. The fix applied to every section of that type across the site.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eImage-with-text sections resize correctly on mobile\u003c\/li\u003e\n\u003cli\u003eText contained within the section\u003c\/li\u003e\n\u003cli\u003eApplied to every instance across the site\u003c\/li\u003e\n\u003cli\u003eDesktop unchanged\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155512291402,"sku":"TASK-0092","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/apply-custom-css-snippet-turbo","provider":"TaskHusky","version":"1.0","type":"link"}