I've got a problem with the way the backgroun image scales on iphone and ipads. The zoom is all wrong and zoomed much to far in.

Is it possible to eliminate the background for iphone or is there a fix. Seems ok on my android but I've been sent an iphone screenshot that has problems with the background image and also the menu icon overlays ontop of the logo

historic25.com/

With the menu it is possible to move it as required by altering the css for the button

@media (max-width: 787px) {
#navwrap button {

right: 90px;}

}

this is the existing styling so if you either change the value in px or switch to percentages

You could hide the image using

@media (max-width:480px) {
#topcolour {background-color: #000; background-image:none;}
}

and then hide the empty module on a phone in the banner

sorry to keep asking for help but I'm struggling to find my answers by using firebug, especially on mobile testing.

now that I have the image removed, can you tell me how to decrease the background color bar height.

Thanks again for all your help Paul.

It looks like you still have the empty custom html module in the banner area

Try setting that to hide on mobile

Cheers
Paul