Search code examples
cssmobiletextscreenparagraph

Text in <p> tag overflowing off left side of screen on mobile

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

The text body under the slideshow is working fine on my Blackberry, but all the paragraphs under the blue ribbons are running off the left side of the screen. I've tried many different things with CSS, such as margins, padding, width:100%, float, text-align - and nothing has even changed it slightly.

How can I fix this?

Solution

  • Remove the width entirely from this code (I think its around line 340 in your CSS)

    .homeblurb {
   width: 480px; /* <- remove this value */
   float: right;
   padding-right: 16px;
}