I designed the portfolio site raftermen.com to appear with no space between the images, per the client’s request. It works fine on desktops, iPads, and iPhones in landscape mode, but on the iPhone in portrait mode, big gaps appear between the images. I’m using NextGen Gallery to display the portfolio, and I tried adding a padding: 0; and margin: 0; to all the classes surrounding the image. That didn’t work, and neither did applying the global whitespace reset to the iPhone. We’re not talking a few pixels here. This is at least 20 or 30 px. What’s really odd is that this issue doesn’t appear in a browser window when it’s resized to mimic the iPhone, or in an iPhone emulator that I tried.
Another of my sites, castle-w.com/gallery, also uses NextGen Gallery but not JumpStart. That site is not responsive (yet) but its gallery spacing isn’t affected by the device. I’m wondering if some of JumpStart’s responsive functionality is causing this?
So far, Google searching isn’t turning up much that’s useful. Any help/advice would be appreciated.
- You must be logged in to reply to this topic.