CODEWITHSUNDEEP
cssimagemobiletextcover
Ben
Ben

Reputation: 139

Images covering text on mobile devices

I'm trying to get this site working for mobile devices: http://whitehallrow.com/

I decided to remove the blue ribbons and corresponding photos for mobile, as they weren't being displayed well. So I made new images that combine the two elements for mobile. But when I view the page on my Blackberry, the pictures cover a large percentage of the text on the page. How can I fix this?

Upvotes: 0

Views: 269

Answers (1)

Derek Story
Derek Story

Reputation: 9583

I would consider looking into CSS @media only.

Example:

Normal screen:

#div {
   properties for normal screen;
}

Mobile

@media only screen and (max-width: 400px) {
  #div {
  properties for mobile device here;
  }
}

See a more in depth look here: @media only screen

Upvotes: 1

Related Questions