Jump to content
Sign in to follow this  
jjc_vr

Browser specific CSS - Hiding supersized background image

Recommended Posts

jjc_vr    0
jjc_vr

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
Danny    1,327
Danny

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.
  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • janpeeters
      By janpeeters+
      Hi all,
      I was totally excited to find out about 'CSS Hero' (http://www.csshero.org) I read about it in the compatible plugins section of the PL5 docs (http://www.pagelines.com/resources/compatible-plugins) For me it's a great way to more easily customize my sites because I'm not a CSS pro.
      I'm wondering about one thing though… Does anyone know if using this will result in a heavy penalty on page loading speeds? Would love to start using it but only if it doesn't cost too much in terms of speed.
      Thanks, Jan
    • abuzzelli
      By abuzzelli+
      I need the modal popup background to be solid and I can't get the css to work. Not sure what to do. Here's the page: http://bellissimoplasticsurgery.com/breast-augmentation-test-page/
    • evasnijders
      By evasnijders
      Dear fellow forum members,
      It has been months, if not years, since I got the latest DMS version. And I haven't been able to get myself to install it on my blog...
      A few months ago I took on a new job and I now know for sure I will never get to it.
      So, my question: is there anyone out there who is experienced with DMS and would be willing to do this for me.
      In all honesty, I will need help with everything, from rethinking the content (structure), to deciding on illustrations and colours. 
      I am though, willing to pay for this.
      Thanks in advance for your kind answers.
      Eva
      www.evasnijders.com
       
       
       
    • abuzzelli
      By abuzzelli+
      Trying to adjust the position of the background image on http://churchofwolves.com/. I need the wolf background to move over to the left on mobile versions so it can be seen. Here's the code I'm using and it's not working. I've tried a bunch of different things. Getting frustrated. Any advice?
      @media (max-width: 768px) { .home .site-wrap{ background: url(http://churchofwolves.com/wp-content/uploads/2015/06/Church-of-Wolves-bkgd1.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 100% 0%; } }  
    • kellid
      By kellid
      Hello!
       
      Wondering how I can have only 4 posts show in the Masonic section?  I've tried going by category but it still adds an additional post.  Any help is greatly appreciated :) Thanks!
       
      Kelli D
      SolarConnect.Us
×