{"product_id":"mobile-specific-slideshow-and-mobile-banner-impulse","title":"Mobile-Specific Slideshow and Mobile Banner","description":"\u003cp class=\"task-lead\"\u003eA jewelry brand's homepage slideshow looked fine on desktop but fell apart on tablets and phones. Text overflowed, images cropped badly.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe slideshow on our landing page doesn't respond well on a tablet. The text in the slides overflows and the images crop in the wrong place. It looks nothing like the desktop version.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe theme's slideshow wasn't handling intermediate screen sizes. The brand wanted a mobile-specific version they could control separately from desktop.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added separate mobile images and text positioning for the slideshow so the brand can upload a portrait crop for phones and a landscape crop for desktop. Text repositions and resizes per breakpoint.\u003c\/p\u003e\u003cp\u003eEverything is controlled from the theme editor, one slide at a time.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSeparate mobile and desktop images per slide\u003c\/li\u003e\n\u003cli\u003eText position and size controlled per breakpoint\u003c\/li\u003e\n\u003cli\u003eTablet layout fixed to stop overflow\u003c\/li\u003e\n\u003cli\u003eAll controls in the theme editor\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154829537354,"sku":"TASK-0013","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/mobile-specific-slideshow-and-mobile-banner-impulse","provider":"TaskHusky","version":"1.0","type":"link"}