I've got a site running well with Mobile Joomla! except for one thing. The text to the right of an image or video in the traditional website needs to be forced (in the mobile version) to wrap around the image or video.

Here's a page (when viewed on an Android) where the text on the right of the image is off the screen.

How do I modify the mobile templates' CSS so that text to the right of an image or video will wrap around it and be visible on the vertical screen?

Surely I'm not the first to run into this problem...?!

You have hardcoded

and
in the article.

Also I've noted that there is no ".mjwideimg{display:block;width:100%;text-align:center}" css-rule in page's head block (MJ adds this rule to disable wrapping of wide images where there is no sufficient place to put text).

Thank you dryabov - Yes I see what you mean. Not sure why MJ didn't make that entry in the header when I installed it. Maybe I will re-install, and then modify CSS instead of hardcoding the text margin.

Thx for the help