brucepennypacker

Thanks for the suggestion. Unfortunately it’s still not working. If you go to http://www.tailsofboston.com in an iPhone you’ll see the image at the top, a full screen filled in with the background color of the image, and then the text doesn’t start until below the bottom of the page.

Thanks, this has helped quite a bit. There are a few more tweaks I’d like to make to the image though. When I added the image to the text widget as you described it caused the image to become left justified when viewed in a desktop browser. How can I get it right justified again?

I’m also using an image that’s only 940×243 in size. I already set up a Custom CSS plugin to include the following CSS to display the image properly on the desktop:

#fr-banner {
        min-height:283px;
        background-color:#FFFFFF;
        background-position: center;
        background-repeat: no-repeat;
        margin: 0px;
}

When I view the site on my iPhone now it shows the scaled image, but it also shows a lot of space below the image and above the page text. I also see the space if I view the site in Chrome on a desktop and resize the browser very narrowly. How can I get rid of that unwanted space?

The site is http://www.tailsofboston.com

Thanks again!

-Bruce