Text does not wrap around image on a small mobile screen

support
1

I am using the Hugo Zen theme (@frjo) enhanced img short code:

{{< img src="images/George.png" size="150x" class="left" alt="George" >}}

This works fine on a larger screen; the text wraps to the right of the image. But on a mobile screen, the text breaks and starts under the image. May be this is by design? If there is an easy way to get the text to wrap on a mobile screen, I would like to see how it looks.

2

Sounds like you would need to style the image with the display property?

3

This is by design in the default styles in the Zen theme. The image classes “left/right/center” only applies on larger screens, see code below.

To customise, override this file and adjust to your needs.