Nerdysyntax
Nerdysyntax

Reputation: 365

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 "featured" 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.

Upvotes: 0

Views: 106

Answers (2)

tw16
tw16

Reputation: 29575

I have two possible solutions for you:

  1. Set a fallback font:

    #sidebar p {
        font-family: 'PTSansCaptionRegular', sans-serif;
    }
    
  2. Try removing float:right from #sidebar and add position:absolute and right:0

Upvotes: 1

Jason Gennaro
Jason Gennaro

Reputation: 34855

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.

Upvotes: 1

Related Questions