How to fix a photo when it is distorted when viewing on a mobile phone but looks fine on a computer | Making Music

How to fix a photo when it is distorted when viewing on a mobile phone but looks fine on a computer

Sometimes, mobile phones try to adapt Website Images to their smaller screens – however, they don’t always do this successfully. This can be fixed and if you are comfortable with HTML then please use the following instructions. If you are not comfortable with HTML then please ask Making Music to fix this for you instead by emailing platform@makingmusic.org.uk.

To fix this issue:

  1. Log into your website as an administrator
  2. Go to the relevant page
  3. Click the edit button in the bottom corner of the page:

  1. Click on the Content tab
  2. In the big Body of Page box, click Source:

 

 

  1. This will display a load of HTML code. We need to find the HTML code that is relevant to the picture we are trying to fix. We are looking specifically for the words ‘width’ and ‘height’ following on from the name of your image (TIP: Press ctrl+f to search the page, and type in either ‘width’ or ‘height’)

 

  1. Delete either the width or height definition, but not both.
  2. Remember to click Save at the bottom of the page when you are done.