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


  • Please log in to reply
2 replies to this topic

#1 jjc_vr

jjc_vr

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

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
  • 15242 posts
  • LocationManchester, UK
  • Country: Country Flag

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.

  • jjc_vr likes this

#3 jjc_vr

jjc_vr

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 18 March 2013 - 10:37 PM

Fantastic - all working now thanks.







Also tagged with one or more of these keywords: customization, browser specific css