The request
“The 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.”
The theme's slideshow wasn't handling intermediate screen sizes. The brand wanted a mobile-specific version they could control separately from desktop.
The approach
We 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.
Everything is controlled from the theme editor, one slide at a time.
What we shipped
Separate mobile and desktop images per slide
Text position and size controlled per breakpoint
Tablet layout fixed to stop overflow
All controls in the theme editor