Change blog lay-out on mobile device (issue with image)

Hi @nikist,

Thanks for reaching out!

I just checked the blog link you’ve provided, and from what I can see, the title is above the image on mobile, as you specified you want, visible here: https://prnt.sc/HyGy7sPJUMyF

Did you manage to fix this yourself, or have I maybe misunderstood the request?

If the latter, please provide a screenshot so we can try and assist accordingly.

Hi,
Thank you for your reply.
I’m sorry if my question was confusing.

The issue is not with the main topic title, but with the H2 and H3 titles.

For example, you have the H2 title “Signaalkleuren” and the H3 title “wit”.

For every color, I made a section with 2 colums. The title and paragraph are shown on 1 side and an image on the other side. I switch them every time so the lay-out looks more attractive.

On dekstop this results in:
A nice alternating look that’s logical.

On a smartphone, the columns are placed under each other instead of next to each other. That makes sense, because the screen is more narrow.
In the sections where the image is on the left side and the title and paragraph are on the right side, it no longer looks logical.
For example: You see the H3 title “wit” with a paragraph under it and the image of a dog with a white light.
Next thing you should see is the H3 title “Groen”, but you first see the image of the dog with a green light. After that image you see the H3 title “Groen” and the paragraph.

The only solution I see is to get the H3 title out of every section (column) and place it as a “Kop” that stands on it’s own and it not part of the section (I don’t know the translation to English for this, it’s the H2, H3, H4, … titles).

Is that true or is there another way I can change the lay-out on the smartphone, but keep it as it is on the desktop?