#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:
💬 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.
🔗 VISIT MY WEBSITE
🛒 MY PREMIUM TOOLS
💻 FREE FRONTEND ECOMMERCE SITE AUDIT CHECKLIST
🔧 FREE WEB 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
source