fullscreen Masonry/Isotope

[Steffen]

Steffen

March 11, 2015 at 12:28 pm

Dear Ben and Hannah,

first of all, thanks for the great Theme, so far it gave best solutions for everything I wanted to implement!

Now I want to expand the size of my website to “fullscreen” or actually 90%.

I achieve this with
.container {
width: 90% !important
}
.row {
width: 1170px;
margin: 0 auto !important
}
.page-id-890 .row{
width: 100%
}
.page-header {
width: 1170px;
margin: 0 auto !important
}
.page-id-890 .page-header {
width: 100%
}

However, this does not influence masonry/isotope as you can see here: *Login to see link
It seems to be fixed at the original size of 935/940px even though the parent container is.. well 90%. When shrinking down window-size the masonry adapts, the images get smaller and everything seems to stay proportional. Now this is not the behaviour I expected from masonry. I would expect that masonry responds by de/increasing number of columns, rearranging images and yeah, resizing them. Even though I specified 4 columns, masonry doesn’t seem to use them, neither is the phenomenon due to too small images, they are each between 666-1000px wide.

Could you help me find a way to get a masonry/isotope grid over the whole 90%?

Thanks in advance!
Steffen