Jump to content


Photo
- - - - -

Completely hide background image - mobile

background mobile

Best Answer Danny , 28 April 2013 - 09:51 AM

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;
}
Go to the full post


  • Please log in to reply
4 replies to this topic

#1 jjc_vr

jjc_vr

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 27 April 2013 - 10:57 AM

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



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 27 April 2013 - 12:54 PM

Hi,

 

May I have a link to the site? Thanks.



#3 jjc_vr

jjc_vr

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 28 April 2013 - 09:41 AM

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

Please Login or Register to see this Hidden Content

 

Cheers



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17945 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 28 April 2013 - 09:51 AM   Best Answer

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:

Please Login or Register to see this Hidden Content



#5 jjc_vr

jjc_vr

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 29 April 2013 - 12:33 AM

Superb work - thanks very much for your help.

 

Cheers







Also tagged with one or more of these keywords: background, mobile