How to wrap text around image or video

overboard
13 years, 3 months ago
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...?!
dryabov
13 years, 3 months ago
You have hardcoded
<p style="margin-left:375px">

and
<p style="margin-left:370px">
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).
overboard
13 years, 3 months ago
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

By continuing to use this site you consent to the use of cookies on your device as described in our cookie policy unless you have disabled them. This site will not function correctly without cookies.

I accept cookies from this site.