Archived

This topic is now archived and is closed to further replies.

  • 0

Browser specific CSS - Hiding supersized background image


Question

Posted · Report post

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?

 

 

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

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.
1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Fantastic - all working now thanks.

Share this post


Link to post
Share on other sites