Jump to content


Photo
- - - - -

Browser specific CSS - Hiding supersized background image

customization browser specific css

Best Answer Danny , 18 March 2013 - 08:12 AM

Hi,

 

You will want to use the devices/browsers class before the #supersized ID. For example,

 

.chrome #supersized { }
.ipad #supersized { }
.ie #supersized { }
 
If that doesn't work, you most likely have installed the plugin but do not have it activated.
Go to the full post


This topic has been archived. This means that you cannot reply to this topic.
2 replies to this topic

#1 jjc_vr

jjc_vr

    Newbie

  • Members
  • 7 posts

Posted 18 March 2013 - 03:02 AM

Hi there,
 
I'm trying to hide my supersized background image when using mobile browsers, however my code doesn't seem to be working. I've installed the Pagelines Browser Specific CSS plugin.

 

I can hide it in all browsers using the following code in custom css:

 

#supersized {display: none;}

 

However, if I use add browser specific CSS it doesn't seem to work (i've tried adding .iphone / .ios and even attempted .chrome just to test it on my desktop to no avail).

 

Any idea what I'm doing wrong?

 

 



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 19515 posts

Posted 18 March 2013 - 08:12 AM   Best Answer

Hi,

 

You will want to use the devices/browsers class before the #supersized ID. For example,

 

.chrome #supersized { }
.ipad #supersized { }
.ie #supersized { }
 
If that doesn't work, you most likely have installed the plugin but do not have it activated.


#3 jjc_vr

jjc_vr

    Newbie

  • Members
  • 7 posts

Posted 18 March 2013 - 10:37 PM

Fantastic - all working now thanks.