[Resolved] Columns are misaligned in Safari 8 on Mac OS X (Yosemite)

[Peter Islin Nielsen]

Hi Tom,

Me again… I’ve enabled the column layout feature in GP Premium, but it looks weird on Safari 8 (desktop – Mac OS X Yosemite). I’ve tried to remove the style.css from my child theme folder, just to see if it was coused by a f*ck up in my CSS – but the issue remains.

Then I checked http://caniuse.com/#feat=flexbox to see the support for flexbox in Safari 8 – but it seems to be supported, so I’m a bit puzzled here… 🙂 It looks good on older versions of Safari on iOS, though.

Here’s a screenshot:

And here’s a URL: http://danischeflexibilitat.dk/

Thanks!

[Tom]

That’s weird, you’d think newer versions would have better support.

Is Safari 9 the latest version? I’ll have to take a look on my Mac.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Peter Islin Nielsen]

Yes, I believe that Safari 9.1 is the latest version. But I find it funny that it works on much older versions of Safari iOS – I tried Safari iOS 5 last night and it all looked good. So I guess it’s just the desktop version of Safari 8 (and maybe older) that has this bug.

[Tom]

I’ve made some adjustments, if you want to shoot me an email I can send you the latest version to try?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Tom]

I think I found the issue.

Safari 8 doesn’t like the filename: style.min.css.

I had to rename it style-min.css.

Pretty sure this is a bug in Safari 8 itself, but I guess I’ll go with that naming structure anyways, at least for that file/files using Flexbox.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Peter Islin Nielsen]

Sorry for the late reply – I’ve been on vacation 🙂

Everything looks great now. Thanks again, Tom!

[Tom]

No problem! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts