WP jQuery Lightbox
[resolved] Image Not resized correctly with WPTouch (7 posts)

  1. jbsmith_05
    Posted 2 years ago #

    I noticed that when using the WPTouch mobile plugin the images seem to be cut off on the right side when viewing on my iphone.

    Here is an image of what happens, it almost seems like the back arrow is causing the problem, but I can't tell for sure. Click here for image

    Is there anyway to fix this?


  2. ulfben
    Plugin Author

    Posted 2 years ago #

    No idea. I can try and investigate sometime, but you're likely to get faster help if you ask the WPTouch people what might be up.

    Your not zoomed in or anything in this screenshot?

  3. elotse
    Posted 2 years ago #

    Has nothing to do with wptouch Plugin!
    Is the Display is less than 350px it will Not work corect

  4. idowning
    Posted 2 years ago #

    In jquery.lighbox.js line 277 in the function resizeImageContainer()

    There is var widthNew = Math.max(350, imgWidth + (opts.borderSize * 2));

    but the max width of an iPhone is 320px so if changed to

    var widthNew = Math.max(320, imgWidth + (opts.borderSize * 2));

    Seems to work for me.

    Great plugin and nice code ulfben.

  5. Matthias Pabst
    Posted 2 years ago #

    First of all: thanks for the great plugin!

    I have the same problem but I think the correct value should be 300 px because of the 10 px padding here:

    #imageContainer {
        padding: 10px;

    300 px for the outerImageContainer + 20 px padding (left and right) = 320 px (iPhone viewport).

  6. allm
    Posted 1 year ago #


    Are you going to change this in a next version of the plugin?

  7. ulfben
    Plugin Author

    Posted 1 year ago #

    Fixed in 1.4.5.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WP jQuery Lightbox
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic