[Resolved] Safari bug? (large white space after body)

[Frans]

Hi,

Only in Safari there is a large white area below the footer.
Can you help me to find a solution to this? (I guess it has something to do with te masonry sorting).
Link to the website is added.

[Leo]

Hi there,

How is that masonry sorting achieved?

Does the issue happen if you activate the parent theme and without the masonry sorting?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Frans]

Hi Leo,

This the code for the masonry:

.masonry {
clear: both;
display: block;
column-count: 3;
column-gap: 1.5em;
overflow: hidden;
vertical-align: top;
width: 100%;
}

[Leo]

And does the issue resolved without that code?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Frans]

Yes, without this line it’s okay. (It’s just in Safari, in all other browsers it’s fine)

[Leo]

Maybe it needs to be prefixed?
https://autoprefixer.github.io/

Unfortunately this isn’t a theme related issue as it’s a custom solution so we are unable to help with this.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Frans]

Hi Leo,

Ofcourse, I understand.
Thanks for your support,

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts