Text does not wrap around image on a small mobile screen

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.

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

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.

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.