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.)
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;
}
}
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.)
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
Thank you!