Page formatting for Mobile vs. Desktop

For the Our Story page - I’m assuming this is an easy fix but not sure what to code. I’d like to have the image on the left side and copy on the right for Desktop view but then have them stacked for readability on Mobile. Any help appreciated!!

store is lejean

For specific things like code or adjusting theme settings, it’s always good to provide some specific details like website url, theme name, and screenshots.

Sorry, it’s not allowing me to post the website url for some reason. I was hoping to format the image on the left side of this desktop view and the copy on the right but have it remain stacked when viewing on mobile. Let me know if this is enough info or if I should provide more! Thanks much.

I got the website pulled up.

So it looks like you can simply add a different kind of section, and copy the text from your current one to the new one.

This Image with Text section has them side by side on desktop, and you can choose which one goes where.

Hi @amaile

I think the issue is that you are trying to organize the content of the Our Story page from the rich text editor. It is possible, but there is an easier way.

You can create a new Page template, call it Our Story and then sections how you want and @Maximus3 suggested. Your theme should have different sections you can use.

Here is documentation on how to create new template and assign to your Our Story page.
https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates#create-a-new-template

1 Like

Thank you both! I had no idea I could do it that way - that’s going to help me so much.

2 Likes