Need help? Check out our Support site, then


WordPress.com Forums » Themes

Gallery mosaics and the mobile theme not showing all pictures

  1. johnconners
    Member

    While I love the new mosaic gallery feature, it doesn't seem to work too well in the mobile theme. An example is this gallery on my site which on an iPhone (screenshot below) has a bunch of photos missing:

    http://db.tt/p83pLbN5

    If I change the user agent in Chrome to match my iPhone it looks fine, it's just when running on the actual device that it fails to work properly. I've looked at a variety of other mosaic galleries on wp.com and notice the same problem, including the original post on the wp.com blog about mosaics. Looks like a bug in the mosaic rendering as I'm not overriding the CSS for the mobile theme - possibly it's trying to fit the images into too narrow a view port. Any ideas (other than implementing adaptive CSS in my theme and switching the mobile theme off)?

    The blog I need help with is johnsadventures.com.

  2. justjennifer
    Member

    This was reported earlier by a user who has an Android phone. http://en.forums.wordpress.com/topic/how-can-i-make-tile-galleries-look-great-in-mobile-theme?replies=2

    While it looks that support for the Image Carousel was added to the mobile theme, the new Gallery tiled mosaic was not.

  3. justjennifer
    Member

    I'm going to tag this for Staff input. Since it is the weekend, we may need to wait a while for an answer.

  4. johnconners
    Member

    Ah yes, I did see that other post however couldn't confirm it as the page linked to 404'd. The mosaic gallery should work on the mobile theme so I believe support has been added, it's just I think there's a width bug in it. Anyway, thanks! :)

  5. justjennifer
    Member

    Thanks for pointing it out. I'm not aware from the announcement that support for the tiled mosaic itself was added to the mobile theme, but we'll have to wait for Staff input.

  6. justjennifer
    Member

    Seems that Staff have removed the modlook tag here, although I am not certain I understand the reason.

    Regardless, here's info on using mobile themes http://en.support.wordpress.com/themes/mobile-themes/ which includes info on using them with the Custom Design upgrade. Perhaps that will give more info. Otherwise, if you have any question on that, best to post in the CSS Customization forum.

  7. johnconners
    Member

    Yeah, thanks for that. I'd rather avoid having to style around the mobile theme's style issues if I can (as it'd be simpler just writing my own mobile theme support instead), I guess I'll just switch it off until someone gets around to fixing it!

  8. johnconners
    Member

    On further investigation the problem is that the widths that the mosaic generates (it outputs width and heights of each cell) are slightly too large when rendered on an iPhone to fit in the page - probably only out by a few pixels. Even if you don't use the mobile theme the cell sizes remain the same so it's the carousel / mosaic generator that's getting the sizes wrong so there's nothing that can be done, even with custom CSS, to change it I believe.

  9. justjennifer
    Member

    @johnconners-I've readded the tag for Staff assistance in the hope that your concern will be addressed.

  10. macmanx
    Happiness Engineer

    We are aware of the issue and working on it.

    The problem is more the complexity of the javascript in the mosaic gallery and the processing power of some mobile devices. We're working to get that optimized.

  11. johnconners
    Member

    Excellent, thanks! And good luck! :)

  12. macmanx
    Happiness Engineer

    You're welcome!

  13. tryphoon
    Member

    I actually see a similar problem when simply resizing my browser window (see http://wp.me/puOAH-7pa and resize the page width)...

    Is this an issue that can be exacerbated by a precise theme?

  14. justjennifer
    Member

    It seems there are also display issues with the Gallery "types" on flexible width themes.

  15. johnconners
    Member

    Thought I'd report back and with the mobile theme enabled the gallery now behaves itself and does what it should do on both an iPhone and Android phone so looks like the issue I mentioned above has been fixed. Nice one! :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags