Image is displayed too large on mobile device

Sometimes an image that is included in copy is wider than a phone screen. The web browser on the phone responds in one of two ways - it draws the image wider than the screen, so you can't see all of it; or it scales the whole page down so that the image is as wide as the screen and the rest of the page. Alternatively, this can be fixed with a little bit of additional code.


1. Navigate to your 'Event' page on IWannaTicket and go to the 'Listing Details' tab.

2. Click 'Edit Raw' on the bottom left of the box to reveal the HTML in the text box and find the code for your image designated by the img tag, and should look similar to the following:

<img

src="https://iwt-image.s3.amazonaws.com/Rugby/WT2020_Leichhardt-Oval_COVID-waratahs-logo-with-hill.png">


3. Add the following additional code to the end of the opening img tag, inside the angled brackets <>.

style="max-width: 100vw"

The code for your image should now include the max-width styling, similar to the following:

<img

src="https://iwt-image.s3.amazonaws.com/Rugby/WT2020_Leichhardt-Oval_COVID-waratahs-logo-with-hill.png"

style="max-width: 100vw">

4. Click 'Edit Rich' near the bottom left of the text box to see a preview of the image.

5. Click save.


If you require any further assistance, please get in touch via support@iwannaticket.com.au and your Account Manager will be able to provide additional information.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.