[simons]

Good afternoon,

This may be a simply one….

I have some pictures and text on the 3 text areas on the following website http://www.chilverscarbodyrepairs.co.uk but when i view this on a mobile device the text appears to right/left of the image and is broken up!

Any ideas why?

Thanks
Simon

[Mezzent]

Hello,

Did you ever figure out how to fix this? We are having the same problem.

Thank you!

Website: Mezzentertainment.com/founder

[Zed]

@simons, you’re adding inline styling to the images, making them float left (so the text wraps around). This applies to all devices.

You have to disable the floating for mobile devices for the images/text to be better aligned on small screens, for example:

@media (max-width: 640px) {
   #pp-afterslider .ppbox img {
       float: none !important;
       margin: 0 auto;
       padding: 0 !important;
       display: block;
   }
}

@Mezzent, same CSS can work for you as well.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts