Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 26, 2014 at 9:34 pm #325766
    vidaelf

    Hello-
    No matter what I try to do, I can ‘t get my layerslider’s height to expand enough to show my entire content on mobile if i use classes within the slider, so I have to place a div around my slider as a work around and it works great. I have a css media call to show one for regular display, and another for mobile.

    BUT… IE8 is displaying both slide shows. http://newsite.insightpd.com/expertise/medical/

    Here’s my css:
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px){
    div#layerslider_15 { display: none; }
    .domain-lead { display: none; }
    #layer_slider_19{ display:block!important; }
    .domain-mobile{ display:block!important;
    }}
    @media only screen and (min-width: 768px) {
    div#layerslider_19 { display: none; }
    .domain-mobile { display: none; }

    }

    works great everyone except IE8. so then I added this in my normal css:
    div#layerslider_19 { display: none !important; }
    .domain-mobile { display: none !important; }

    and it fixed the issue of the mobile version showing on IE8, but now it won’t show on my mobile devices.

    Please advise!! Thanks!

    September 26, 2014 at 10:13 pm #325775
    vidaelf

    ok i’ve now created a separate ie8.css to hide

    div#layerslider_19 { display: none !important; }
    .domain-mobile { display: none !important; }

    but both layerslider 15 and 19 are still showing on IE8. just a fyi. not sure what else to try.

    September 28, 2014 at 6:26 pm #326196
    Devin

    Hi!

    Media queries don’t work in IE8. If you are using an ie8.css stylesheet it would need to be enqued or added into the header.php file with conditional ie code as well as be on your server so its available.

    Regards,
    Devin

    September 29, 2014 at 4:14 pm #326643
    vidaelf

    Hi!
    I have this in my header in my child theme
    <!–[if lte IE 8]>
    <link rel=”stylesheet” type=”text/css” href=”ie8.css” />
    <![endif]–>

    And i have uploaded 1e8.css containing this:
    @charset “UTF-8”;
    /* CSS Document */

    div#layerslider_19 { display: none !important; }
    .domain-mobile { display: none !important; }

    in my child theme folder, but it’s still not working. Can you see anything I’m doing wrong?

    Thanks! You guys are awesome.

    September 30, 2014 at 6:26 am #327011
    Josue

    Hey!

    You need to put the full path to ie.css:

    <!–[if lte IE 8]>
<link rel=”stylesheet” type=”text/css” href=”_PATH_HERE_/ie8.css” />
<![endif]–>

    Best regards,
    Josue

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.