text doesn't show in mobile
Working on my test site - http://dev.nerdysyntax.com - and noticed on my Android certain text disappears. If you look at the "featu开发者_开发百科red" section on an Android or maybe another mobile device, it's not there and on some of my other pages as well.
Is it font sizing? Can't seem to find out why the text disappears.
Fyi...I checked on a Blackberry Curve and it shows.
My guess is that the Featured Work section appears in a div
which is floated to the right and this is causing the problem.
Some mobile browsers handle floats
in a weird way. Check that it is not just dropped down below the main content.
I would suggest you style your mobile content without floats
and serve it via a special mobile stylesheet.
I have two possible solutions for you:
Set a fallback font:
#sidebar p { font-family: 'PTSansCaptionRegular', sans-serif; }
Try removing
float:right
from#sidebar
and addposition:absolute
andright:0
精彩评论