[JohanschackParticipant]

Hi,

I’ve been building my website with Chrome, and now that i’m almost done, i saw that it’s not displaying correctly in safari. could you please help?

http://jvfirst.dk/

[JadeModerator]

Hi Johan,

Your website seems to look fine on my end.

Would you mind sending screenshots of the issue?

Thank you.

[JohanschackParticipant]

Here you go.

The safari window is showing the columns over each other, instead of beside each other.

[Rue NelModerator]

Hello There,

Thanks for writing in! Your Flexbox code is not working in Safari browser. For related issue, you might be interested in checking this out:
http://caniuse.com/#feat=flexbox
https://css-tricks.com/forums/topic/flexbox-not-working-on-safari/
http://stackoverflow.com/questions/28976288/flexbox-not-working-in-safari

Hope this helps.

[JohanschackParticipant]

Hi,

Thanks, but this didn’t help me :/ I’ve narrowed it down to this CSS code, but i don’t know what i should change/add:

.x-container.center_vert_row.max.width{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

Best,
Johan

[Paul RModerator]

Hi Johan,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[JohanschackParticipant]

Hi,

After a whole day of troubleshooting, i found out that by deleting parts of my CSS i could get the result i wanted. the end result is this:

.x-container.center_vert_row.max.width{
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-wrap: wrap;

}

[Paul RModerator]

Hi,

Glad you were able to figure it out.

Have a nice day! 🙂

[Author]

Posts