Shopify Horizon Theme Fix: Responsive Image/Text Layout

#Shopify #ShopifyHorizons #tutorial

If you're using Shopify’s Horizon theme, you might have noticed that the “Image with Text” section defaults to an image on the left and text on the right layout on desktop.

On mobile, it stacks vertically - image first, then text, which is usually ideal for readability.

But what if you want the image on the right and text on the left for desktop without changing the mobile order (i.e. image on top of the text)?

In this quick tutorial, I’ll show you two easy fixes to get your layout working exactly how you want it: image on the right for desktop, and on top for mobile.

No apps needed
No heavy coding (just a couple of lines if CSS)
Easy to implement

Full coding snippets, AI Prompt & walkthrough here:
https://lrdigital.substack.com/p/shopify-horizon-flip-image-text-layout

💬 Have a question? Drop it in the comments.
👍 Like + Subscribe for more Shopify theme tips, layout fixes, and design ideas.

🙋‍♂️ ABOUT ME
I'm Lee, a Shopify ecommerce specialist with over a decade of hands-on experience. I share practical, proven strategies to help you build, optimise, and scale your own Shopify store with confidence.

🚀 ECOMMUNITY
https://ecommunity.lrdigital.uk

🔗 WORK WITH ME
https://lrdigital.uk

📩 NEWSLETTER
https://newsletter.lrdigital.uk

🛒 PRODUCTS
https://shop.lrdigital.uk

💻 CRO/SITE AUDIT CHECKLIST
https://lrdigital.uk/products/ecommerce-site-audit-checklist

🔧 FREE TOOLS
https://lrdigital.uk/pages/tools

DISCLAIMER
Please note that some links may contain affiliate links, which means I could earn a small commission if you make a purchase (this is at no extra cost to you).

Timestamps:
0:00 – Intro
0:13 – The Image/Text Issue
1:19 – CSS Fix with Media Query
3:00 – AI Generated Block
5:10 – Outro

Видео Shopify Horizon Theme Fix: Responsive Image/Text Layout канала Lee Ruane | Shopify CRO Specialist