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

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

    Eduardas Bareika

    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.


    Tom ( Support)

    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:

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

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

    Hope this helps,


    Eduardas Bareika

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


    Tom ( Support)

    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 🙂


    David Kliewer

    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.


    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.


    David Kliewer

    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.


    Eduardas Bareika

    works fine for me.

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

You must be logged in to reply to this topic.

© 2020 Acoda