Hello!
At the moment I am working on my dissertation. I almost finished my Qualtrics design, but one thing remains before distributing the survey. When I preview the mobile version the image that I added above the text (as shown in the attached image) does not resize to the mobile version. Therefore the text under the image does also not resize and is therefore hard to read on a mobile phone. I am still very new to coding, but does somebody know how I can make the image above the text automatically resize towards the screen that the respondent uses?
Thank you very much in advance!
Kind regards,
Luuk
Solved
How do I make an image automatically resize for mobile screens?
!
Hello!
At the moment I am working on my dissertation. I almost finished my Qualtrics design, but one thing remains before distributing the survey. When I preview the mobile version the image that I added above the text (as shown in the attached image) does not resize to the mobile version. Therefore the text under the image does also not resize and is therefore hard to read on a mobile phone. I am still very new to coding, but does somebody know how I can make the image above the text automatically resize towards the screen that the respondent uses?
Thank you very much in advance!
Kind regards,
Luuk
Hello!
At the moment I am working on my dissertation. I almost finished my Qualtrics design, but one thing remains before distributing the survey. When I preview the mobile version the image that I added above the text (as shown in the attached image) does not resize to the mobile version. Therefore the text under the image does also not resize and is therefore hard to read on a mobile phone. I am still very new to coding, but does somebody know how I can make the image above the text automatically resize towards the screen that the respondent uses?
Thank you very much in advance!
Kind regards,
LuukBest answer by JenCX
It should do this natively. How did you add the image? Check through this resource and see if it solves your problem.
+11It should do this natively. How did you add the image? Check through this resource and see if it solves your problem.
+27Set max-width to 100%:
```
<img src="https://your_image" alt="Alt Text" style="max-width:100%">
```
Hi, sorry I am new to Qualtrics, where do you enter that CSS?
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.