Home Forums ePix Support 3 row Grid gallery collapsing to 2 rows

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #57570

    Eduardas Bareika
    Participant

    Hi guys,
    I have problem with grid gallery. I set up front page (and other porfolio pages) as 3 row grid galleries. My site http://www.emotions.lt
    Front page has 3 rows, but when I’m going to full screen on my Macbook, one column collapses. It happens on Firefox, Safari and Chrome. But when I do browser screen a bit smaller, not full screen – all columns displayed properly. I did a check with development tools, and find out, that on full screen one column missing one pixel on with. Same problem occurs on all portfolio grid galleries.
    By the way – it happens when “masonry” option is selected. When not – gallery is displayed correctly in 3 rows except those gaps between photos.
    Screenshots: full screen: http://www.emotions.lt/full_screen.png
    normal screen: http://www.emotions.lt/normal_screen.png

    Please help me solve that bug.
    Regards,
    Edas

    #57594

    Tom ( Support)
    Keymaster

    Hi Edas,

    Please can you try the following fix for this.

    Go to Appearance > Editor > Edit Style.css > Search for .row .three_column and change the width from:

    From:
    { width: 33.33337%; }
    To:
    { width: 33.3%; }

    This will also be included in the next update to ePix.

    Hope this helps,
    Tom

    #57608

    Eduardas Bareika
    Participant

    Hi Tom,
    thx for support, this one fixed problem.

    #57635

    Tom ( Support)
    Keymaster

    Thats great, thank you for coming back to us.

    If you are happy with the theme, please take a second to rate the theme 5 stars here.

    Much appreciated 🙂

    #62646

    David Kliewer
    Participant

    Hello,
    This issue is still not fixed. The style is set to 33.33337% (so manually changing it is required), there are still small gaps in the grid and the titles are misplaced. The effect can be seen here using mozilla firefox (win7): http://klwr.de/portfolio/ (latest version of ePix and WordPress, no fancy modifications, this is out of the box behavior).
    To reproduce: Maximize the browser window and open the above URL
    Then, pick any of the filter. Notice how the Title/Text overlays are out of place? After resetting the filter to display all, the display goes back to normal, but still with gaps. Once the window is resized, the gaps disappear.

    #62653
    Andy
    Andy
    Keymaster

    Hi David,

    I’ve now changed this and will be available in the next version. You can make the change as per above and it should be okay. It appears to be limited to FF on Windows from testing in BrowserStack.

    #62666

    David Kliewer
    Participant

    Hello Andy,
    unfortunately I cannot confirm this. Internet Explorer 11 on Windows as well as Chrome (40.0.2214.115) have the same gaps in the default state of the window, regardless of its size (except for the mobile breakpoint). Only when the window is resized (even 1px), the gaps disappear.

    #62671

    Eduardas Bareika
    Participant

    works fine for me.

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

You must be logged in to reply to this topic.

© 2019 Acoda