css - Some Text of website page on Iphone Safari become invisible

I have designed and developed WordPress theme from scratch. Now after completion of website i am having an issue.

On iphone safari browser page content become invisible but working perfectly on all the screens, Mobile, tablet and laptop.

Iphone View of About Page

Android View of About Page

I have designed and developed WordPress theme from scratch. Now after completion of website i am having an issue.

On iphone safari browser page content become invisible but working perfectly on all the screens, Mobile, tablet and laptop.

Iphone View of About Page

Android View of About Page

• css
• html

Share Improve this question edited Sep 20, 2017 at 10:42 fuxia♦ 107k3939 gold badges255255 silver badges461461 bronze badges asked Sep 20, 2017 at 9:49 Sohail AhmedSohail Ahmed 13111 silver badge77 bronze badges 5

• Which elements? Which iPhone/Safari version? – kero Commented Sep 20, 2017 at 9:51
• I have tested on Iphone 4, 5 & 6. I am also having problem on other browsers too on iphone. – Sohail Ahmed Commented Sep 20, 2017 at 10:05
• And what elements are missing? Make screenshots, how it looks, how it is supposed to look, how it looks on other devices. Then check your CSS carefully, I know firefox & chrome support debug on mobile phones, not sure about safari – kero Commented Sep 20, 2017 at 10:23
• Hello kero, i have updated screenshots of android and iphone. – Sohail Ahmed Commented Sep 20, 2017 at 10:35
• Here is url of above mention screenshots page: canofbananas/wordpress/about/ – Sohail Ahmed Commented Sep 20, 2017 at 10:54

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 2

The Problem was strange because there was no html or css issue.

The Problem is solved now. The problem was due to the font ttf, eot, woff files. I changed the font of website and my website started working perfectly.