Hi Ken

As you are using the background for this image I am not sure there is much we can do here. Mobile devices vary greatly when it comes to handling body background images.

A bit of a shot in the dark this but try adding the following to the Custom CSS field of your templates parameters..

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

body {

    background: url("/sd2/images/background.png") no-repeat fixed 50% 0 rgba(0, 0, 0, 0);

}

#body_bg {

    background-size: auto auto !important;

    background-color: transparent !important;

    background-image: none !important;

}}

Ciarán

I've added the code to custom css, doesn't work...Is there a way I can simply have the site redirect to a different page if it detects a mobile device?

Ciaran,

I've found a solution to my issue...not the prettiest solution, but it works...I added the following custom code to the header section. This code determines if it is a mobile device, and if so, redirects to another page within the site.

<s-cript type="text/j-avascript">
<!--
if (screen.width <= 699) {
document.location = "the-menu";
}
//-->
</script>

Great.. thank you for sharing your solution!

Ciarán