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.