Hi

The background to your template uses a CSS gradient from the top to the bottom of the page. On mobile devices due to the smaller screen sizes, sites tend to be a lot longer hence why the red is pushing down a lot further in to your site content. One solution would be to increase the value in the 'Content Background Opacity' field of your templates parameters making the content area of your site that little bit darker.

Alternatively you can try adding the following to the Custom CSS field of your templates parameters allowing you to control the background image of your template on smaller screen devices...

@media only screen and ( max-width: 767px ) {

#body_bg {

    background-image: url("/images/new_bg.jpg");

}}

@media only screen and (max-width: 440px) {

#body_bg {

    background-image: url("/images/new_bg.jpg");

}}

Where new_bg.jpg is the background to appear on smaller screens.

Ciarán