CODEWITHSUNDEEP
phpioscsswordpressipad
Sylvain71710
Sylvain71710

Reputation: 79

Broken site in safari for iPad only

I have a never seen problem on my last website. It's a WordPress site and the theme I made had this problem :

It works fine on all navigators and devices, except on safari for Ipad where only the header of the site (content of the header.php file) is displayed.

I need some one to explain me what is happening there, or may be tell me if debug tools exist (i dev on windows, and i've got an iPad at home).

A demo of the website is there : http://sylvain-galoustoff.com/delim/ I can also upload my theme on gitHub if needed.

Any help is welcome, thank you.

Upvotes: 0

Views: 253

Answers (1)

Ryan Kozak
Ryan Kozak

Reputation: 1131

The display: flex; property you're using looks like it's defaulting to display: -webkit-box; and screwing things up.

enter image description here

Anywhere you call display: flex, you'll also want to call display: -webkit-flex;. Reference

For more info on flexbox and safari see here

Upvotes: 1

Related Questions