Completely hide background image - mobile

[jjc_vr 0]

Hi there,

 

I'm currently trying to figure out how to hide a fixed background image for mobile (just iphone initially...)?

 

In the custom css area i've added (as per the documentation on the browser-specific CSS plugin):

 

body.iphone { background-image: none;

}

 

However, that doesn't seem to be working for me.

 

I've then had a look in Firebug and I noticed that the image has the style-id 'pagelines-page-bg', so I tried:

 

body.iphone.pagelines-page.bg {background-image:none;}

 

but still no luck.

 

Any clues? I'm kinda stuck until I figure this out...

 

Cheers and thanks

[Rob 547]

Hi,

 

May I have a link to the site? Thanks.

[jjc_vr 0]

Sure, I've got this issue on a few sites, but the one i can make 'live' for now is www.elrenomusic.com

 

Cheers

[Danny+ 1,327]

Hi,

 

The background image is assigned to the body tag, therefore thats the reason why your code isn't work. If you inspect your website using Firebug or your browsers web dev tools, you will see that the image is assigned to the page-canvas div.

 

Therefore, you need to adjust your code to include .page-canvas.

 

For example:

body.iphone #page .page-canvas { 
background: none;
}

[jjc_vr 0]

Superb work - thanks very much for your help.

 

Cheers