[Resolved] Change order of image on mobile

[Dan]

Hi,
I have a page (RTL, Hebrew), where the image is Aligned to the left.
On mobile though, I would like first the text to show, and then the image at the end.
This is the page:
http://www.abresler.co.il/%D7%A4%D7%A8%D7%95%D7%A4%D7%99%D7%9C-%D7%94%D7%97%D7%91%D7%A8%D7%94/

Any ideas how this could be done?

Thanks,
Dan

[Leo]

Hi there,

Hmm you can try inserting the image twice, once before the text and once after the text.

Then use these classes to hide one or another: https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

[Dan]

Thanks Leo,
If there isn’t another way, then I’ll use those styles you suggested.
I thought there could be some other, more elegant way…

Dan

[Leo]

I will ask Tom to check 🙂

[Dan]

Thanks!

[Tom]

I think that’s probably the best method in this case 🙂

[Dan]

Thanks Tom

[Tom]

No problem!

[Author]

Posts