HTML Colored Box With Image: How To Display The Image Properly On Mobile?

• 

  raphaelledergerber · Member · Jan 13, 2016 at 9:11 pm

  • Copy link
  • Add topic to favorites

  Dear all,

  On this page we have the following colored box with an image:
  http://ledergerber-partner.ch/angebot/unternehmensstrategie

  <div style="background-color:#DFEAED;padding:12px;max-width:540px;">
  <img src="https://rledergerber.files.wordpress.com/2015/12/raphael_ledergerber_quadratisch-e1450677836592.jpg" alt="raphael_ledergerber_quadratisch" width="90" height="90" class="alignright size-full wp-image-1626" /></a> Text...
  </div>

  On computers it’s displayed properly: https://www.dropbox.com/s/llvj7s4jzwtm68n/computer.png?dl=0

  But on mobile devices it is NOT displayed properly/correctly. The image is there displayed at the top of the box and the text below, but we would like to have it in the same or similar way like it’s on computers. See mobile: https://www.dropbox.com/s/vub2eubqyg05gbq/smartphone.png?dl=0

  -> How to display the image properly on mobile?

  Thank in advance for your very appreciated help!

  Best regards,
  Raphael

  The blog I need help with is: (visible only to logged in users)