March 10, 2014 at 9:32 pm #44069
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!
NikkyMarch 11, 2014 at 12:33 am #44074
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/March 11, 2014 at 7:45 am #44092
Tom ( Support)Keymaster
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.
TomMarch 11, 2014 at 5:04 pm #44173
Thank you Tom for the response! Fortunately I prefer the look with column padding; so the workaround works for me.March 12, 2014 at 6:13 am #44219
You must be logged in to reply to this topic.