Body Background Image Not Showing On iPhone

Can someone look at this link and tell me why it wouldn’t show the repeated background image on my iPhone? Works well on all other browsers…


Thanks in advance!

Try setting a min-width on html,body equal to the width of the largest item on the page (usually the page wrapper).

Tried this and I am still showing the body bkg not extending the width of the viewport. Here is a snapshot…

The biggest element in your page seems to be 1144px and not 1000px.

#footer-container {
    background-color: #B98C40;
   [B] min-width: 1144px;[/B]
    overflow: hidden;
    width: 100%;

Either change the footer to 1000px min-width or change the min-width on html,body to match the footer’s 1144px min-width.

That did the trick Paul! Thanks for your help. I had set that rule when first creating the home page but didn’t review the rule when developing the interior pages.

I had set the min-width for #home #wrapper-container to 1144px so that the background image would appear to extend past the slideshow. But I didn’t intend for it to cause the page to grow in width. Stupid me. I may need to evaluate a better way to have that background image (that measures 1144px) on the home page without adding the additional width. Hmmmm… There must be a better way.