Hello,
For the header background you are using 2 different images here:
On the main site you have this set as the background:
Template.CSS - Line 516
#s5_header_area1 {
background: url("../images/s5_menu_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
height: 114px;
overflow: hidden;
width: 100%;
Once mobile is triggered you are calling this image:
#s5_header_area1 {
background: url("http://88keysmedia.com/images/iacf1.jpg") no-repeat scroll center top / 100% auto #333D44;
position: relative !important;
z-index: 0;
}
This URL doesn't actually point to an image on your server:
http://88keysmedia.com/images/iacf1.jpgThat is why you are just seeing the opaque grey instead of the overlay on other pages.
-Mike