Left / right aligned images and text wrap on mobile devices | WordPress.org

Resolved jspill
(@jspill)

7 years, 10 months ago

So Hueman theme is 750 pixels across, if I left or right align an image of say 200 pixels on desktop, everything looks fine, but on a mobile device the text doesn’t wrap neatly around the image. It appears pushed to the side.

I’d like to know if there’s a way to force text under an image only for users reading the page on mobile. Or to always centre align images on mobile.

Viewing 4 replies - 1 through 4 (of 4 total)

bdbrown
(@bdbrown)

7 years, 10 months ago

Hi jspill. Please post a link to your site. Thanks.
And, just FYI, your bump was removed per the forum guidelines:
https://codex.wordpress.org/Forum_Welcome#No_Bumping

Thread Starter jspill
(@jspill)

7 years, 10 months ago

Thanks, here’s an example page where the problem happens –

http://nomadphilippines.com/pattaya-scams

Looks fine on desktop but on mobile the text to the left of the first image is squashed
bdbrown
(@bdbrown)

7 years, 10 months ago
Try adding this CSS to center the image on mobile screens:
```
/* center images on mobile screens */
@media screen and (max-width: 719px) {
  .entry img {
     float: none;
     display: block;
     margin: 0 auto;
  }
}
```
Thread Starter jspill
(@jspill)

7 years, 10 months ago

Thanks, that worked! Marked as resolved.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Left / right aligned images and text wrap on mobile devices’ is closed to new replies.

Tags

In: Themes and Templates
4 replies
2 participants
Last reply from: jspill
Last activity: 7 years, 10 months ago
Status: resolved