Home Forums ePix Support Grid Gallery in Wide Site Layout is not Full Screen in Google Chrome

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #44069

    Nikky Stephen


    I purchase the ePix theme last week and I’m currently customizing my site. I’ve currently used a similar look ‘n feel as the iPix demo site.

    I’m trying to use the Grid Gallery for my portfolio pages, however, I’m noticing a weird behavior in Google Chrome. While the page is loading, the grid gallery occupies the entire width of the page and shows 3 columns. But when the page has finished loading, it only shows 2 columns and a lot of empty space on right side. When I run the same page in IE or Safari, I can see all 3 columns and fits the entire page nicely. This issue occurs on my MacBook Pro at home and my Windows PC at work. Is there anything I can do to fix this?

    My website: http://nikkystephen.com/index.php/76-2/land-water-sky/
    I can reproduce this issue on the demo site as well: http://epix.themeva.com/grid/

    Below are my settings on the page:
    Wide Site Layout = ON
    Footer = OFF
    Column Padding = OFF
    Lightbox = ON
    Zoom Hover = OFF
    Masonry = ON
    Category Filtering = OFF (happens on ON as well)

    Thanks for your help!


    Nikky Stephen

    I found the root cause – Column Padding. When I enabled Column Padding, the Grid Gallery is displaying 3 columns in the wide site layout correctly. If I disable column padding, it shows 2 columns only. Again, this issue is only in Chrome. I haven’t tested Firefox though.

    Example of a page where it displays 3 columns correctly (Column padding enabled): http://nikkystephen.com/index.php/76-2/land-water-sky/
    Example of a page where only 2 columns are showing up (Column padding disabled): http://nikkystephen.com/index.php/76-2/faces/


    Tom ( Support)

    Hi Nikky,

    Both pages will display the grid gallery in 3 columns its just when you have masonry turned on and there is not an equal number of pixels on the screen, the gallery has nothing else to do accept move the 3rd column down or else it will bleed over the page. It is just the script counting the pixel width of the browser and changing things accordingly.

    If you slowly resize your browser window, you will see what I mean. Unfortunately there is not a lot we can do about this currently as it is browsers and the script doing this.

    Hope this helps.

    Kind regards,


    Nikky Stephen

    Thank you Tom for the response! Fortunately I prefer the look with column padding; so the workaround works for me.


    Tom ( Support)

    Ok no worries, 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 🙂

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

You must be logged in to reply to this topic.

© 2020 Acoda