How can I change my mobile page layout to alternate image and text?

Store Design
, , ,

Topic summary

A user created an About Me page with a table layout displaying images and text side by side on desktop. They want to reorganize the mobile layout so images appear below their corresponding paragraphs in an alternating pattern (image > text > image > text).

Current Issue:

  • The page uses HTML table tags for layout
  • Mobile version doesn’t display content in the desired order

Proposed Solution:

  • A community member suggests the table-based structure makes mobile customization difficult
  • Recommends rebuilding the sections using div tags instead of tables
  • Offers to provide CSS code assistance once the HTML structure is updated with divs

Status: The discussion remains open, awaiting the original poster to restructure their page layout before receiving specific CSS code.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hi Community,

I just made an About Me page on my website and I made a table with paragraphs and images side by side.

However, on my mobile version I want my images below the paragraphs.

I there any way I make the mobile version look like image > text > image > text

Does someone know how to alter this and wants to provide piece of code for this?

https://luyendykjewelry.com/pages/over-luyendyk

Thank you in advance.

2

Hi @Chrystel078

Since you are creating these sections using table tags it is difficult to edit it as you wish
I think you should recreate these sections using div tags

Then I will help you edit the layout

DaisyVo_0-1739197689907.png
DaisyVo_0-1739197689907.png1387×696 157 KB