“Image With Text” I wanna add text before image on mobile view
I have tried several Codes but none of them work tbh
let me share a ss with you.
password : payemi
Topic summary
A user is attempting to reorder content so that text appears before an image specifically on mobile view, but has been unsuccessful with multiple CSS approaches.
Current Status:
- The user has tried several code solutions without success
- A screenshot was shared (though the content appears corrupted/unreadable in the provided text)
Key Details:
- This is a CSS layout challenge focused on mobile responsiveness
- The issue involves changing the visual order of elements (text and image) based on viewport size
Resolution Status: Open/unresolved - the user is seeking working CSS solutions for mobile-specific content reordering.
Hi @teddy49400
Welcome to the community.
Try this code in that image/text sections, Custom CSS block
@media screen and (max-width: 749px) {
.mobile-column {
flex-direction: column-reverse;
}
}
Yes my bad, did not notice that.
So remove that and instead try this code
@media screen and (max-width: 749px) {
.custom-section-content > div {
flex-direction: column-reverse;
}
}
That’s perfect! Thank you so much! 
1 Like