Image not showing in mobile version


#1

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.


#2

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.


#3

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.

#4

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.


#5

Thanks for sharing. Glad to hear you’ve got it working.


#6

Thanks so much for sharing these findings, Mahajan! This is a super handy workaround. :slight_smile: