Help formatting icon/text between mobile and desktop

[zig000]

Hello everyone,

I believe the solution for this could be simple but I've did my share of searching and didn't find a way to do this...

My website: www.premiumcloud.pt

I want the title text to be shown on top of the images on the mobile version, regardless of the image being placed on the left or right column. For a bit more detail on the goal...

I want this text -> "A sua cloud. (...)" to be shown on top of the image that I have placed on a column to the left side of it. Right now on the mobile version what I see is the image being shown first and below it you have the title and the rest of the text. For example, the following section that has the image placed on a column to the right of the next is showing "correctly" (meaning, the way I want it to be shown).

Does anyone know of a way I can achieve this without having to always place the image on a column to the right of the text?

Cheers,

Marcos

[Bernadette3 · Accepted solution]

Hi there! You are achieving the desktop look with two elements- image and text. In order to have the text on top of the image in mobile you will need to create another image element (with the text already edited on top) and then use the Hide App to only display the edited image on mobile screens. Let me know if you have any questions!  

https://www.weebly.com/app-center/hide?ref=ac-search

[zig000]

Thank you very much. This is exactly what I wanted!

[Bernadette3]

Glad to hear!