Skip to content
Public Ticket #2799

Mobile Text Wrapping

Conversation thread

Carly replied

Customer Reply

Thank you!

PenciDesign replied

Staff Reply

Hi,

\

Please try add more this code to Customize > Custom CSS to fixed it:

\
\
@media only screen and (max-width: 479px){\
a img.alignleft {\
    margin: 5px 30px 22px 0;\
    float: left;\
}\
a img.alignright {\
 margin: 5px 0 22px 30px;\
    float: right;\
}\
}
\

Or use this code to make the text wrapping around drop to new lines on mobile:

\
@media only screen and (max-width: 479px){\
a img.alignleft, a img.alignright, a img.alignnone {\
    margin: 0 auto 30px auto;\
    float: none;\
    display: block;\
}\
}\

Best Regards,

\

PenciDesign

Carly started the conversation

Conversation Start

When I view this page on desktop, it looks fine.  However, on mobile, the text is not wrapping around the left- and right-aligned images properly.  How can I fix this so it looks good on all mobile devices?  (For this post, and in future case where I want text wrapped around an image.)

Want to join this conversation or access attachments? Sign in first.