Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #21056

    Hi guys,

    Firstly great theme! I’ve managed to work my way through most things by looking at previous posts but I’m struggling with the gallery thumbnails. Even set to 7 columns (9 lloks great on a desktop) on iPad in portrait mode the thumnails take up a ‘E’ shape, i.e. do not follow on continuously from each other. Seems fine on the iPhone though.

    Any suggestions?

    #110278

    Hi,

    Do you mean by e-shape, that each of the images is on a different vertical allign? Could you create a screen capture and post a link to it here so we get a better idea, because I am not seeing this.

    Thanks,

    Nick

    #110279

    Hi,

    Sorry for the bad explanation ;)

    I get 6 thumbnails on row 1, 1 thumb on row 2, 6 thumbs on row 3, 1 thumb on row 4, 6 thumbs on row 5 etc. They don’t flow continuously after each other

    #110280

    Hi steveandrews8001,

    We’ll need to see the site live to see whats going on. If you are using replete 1.0, I believe there was a change in how the theme interacts with gallery items by default in either 1.1 or 1.2. Either way seeing it live we should be able to get a fix for you.

    Regards,

    Devin

    #110281

    Hi,

    It sounds to me as if 7 is too much for each row and you should consider 6 to be the max. That is why the 7th one drops down a row. Your other course of action would be to make each image width 16% less to make enough room for an extra. But as Devin stated, please let us see this in action by providing a url.

    Thanks,

    Nick

    #110282

    Hi both,

    On iPhone 9 columns works because the thumbnails are in rows of three. Just tried 6 columns and works perfectly on iPad in portrait view. Only problem is desktop and iPad landscape seem awfully empty.

    Link to test gallery is inkitfc.com/test-gallery/ (set to 6 columns)

    inkitfc.com/test-gallery-2/ (set to 7 columns)

    inkitfc.com/test-gallery-3/ (set to 9 columns…preferred)

    Would be great if there is a solution to be able to use 9 (perfect for desktop) and that on iPad the 10th image follows immediately after the 9th (on same row) and doesn’t start another row.

    Steve

    #110283

    Hi,

    Found the following which seems to have fixed it and not caused any problems I can see elsewhere. Something to do with clearing after a row according to the post

    .gallery br {

    display:none;

    }

    .gallery:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: ” “;

    clear: both;

    height: 0;

    }

    #110284

    Hi,

    These are the media queries breakdown for that page. There are 5 triggers

    Smartphone Portrait

    http://www.clipular.com/c?2786526=cHjhJbakhTeDx8oQHGE5Gh0CnaM
    Smartphone Landscape

    http://www.clipular.com/c?2961502=tUY_W56Yj_K7VDlPCcnmEj2aDDo
    Tablet Portrait

    http://www.clipular.com/c?3089184=kvlCPKWfY5arR6PgX25YsUkcALc
    Tablet Landscape

    http://www.clipular.com/c?2818252=v8CMiUC5ubwQ_jMsfuHIiOIOaYg
    Monitor Size

    http://www.clipular.com/c?3089190=A5hq_1AoMApdxnvOSuZdz768S04

    Which images are you unhappy with and how should they change . please refer to to the 5 above specifically > “image: tablet landscape – want 2 more or 2 less thumbnails.

    Thanks,

    Nick

    #110285

    All working fine with the css tweak – it’s a wordpress gallery issue it seems

    #110286

    Hi,

    We made the post at the same time so I was looking at your page after you already fixed it. lol. Glad you found the solution.

    Thanks,

    Nick

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Gallery thumbnails’ is closed to new replies.