When I resized the image to get fit to mobile dimensions , Image was not visible in mobile preview mode or published page. Image is shown in the desktop version, but not showing up in mobile version.
The most common cause for this is having the image set to “invisible” on mobile. To troubleshoot, on the mobile version, please look at the left-side panel (you might have to expand it) and see if any of the elements look like this:
!(https://d2r1vs3d9006ap.cloudfront.net/s3_images/1467715/RackMultipart20160816-10611-mimi0m-Edit A - Law_Firm_Example_2 inline.png?1471348696 “Image https//d2r1vs3d9006apcloudfrontnet/s3_images/1467715/RackMultipart20160816-10611-mimi0m-Edit__A__-__Law_Firm_Example_2__inlinepng1471348696”)
If so, to make the image visible again, click on the “eye.” Let us know if that helped.
Thanks to @Noah Noah Matsell (Unbounce Customer Support) I have a solution for above problem.
I am sharing the solution for the benefit of others.
The best way around this issue would be to create a box and set the image as the background of the box. The box can then be resized to the desired dimensions. To set the background of a box, select the box and choose image from the background properties as seen here: http://screencast.com/t/zZ8yhWnV.
Thanks Nicholas for your response, but this was not the issue. it was some bug
which was assigning 0 pixel height to images. I got a work around for this issue from
unbounce support and am sharing it for others.
Thanks for sharing. Glad to hear you’ve got it working.
Thanks so much for sharing these findings, Mahajan! This is a super handy workaround.