Mobile responsiveness

Forums » WordPress » Nirvana » Bugs

  • Author
    Posts
  • February 21st, 2018 at 15:14 #60086
    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

    February 22nd, 2018 at 19:32 #60121
    Mezzent

    Hello,

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

    Thank you!

    Website: Mezzentertainment.com/founder

    February 27th, 2018 at 18:01 #60270
    Zed
    Cryout Creations mastermind

    @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
Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Mobile responsiveness’ is closed to new replies.