ShiftNav always visible in IE8

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author sevenspark

    (@sevenspark)

    Hi katart,

    Try adding some CSS like this:

    /* Hide ShiftNav < IE9 */
.lt-ie9 .shiftnav,
.lt-ie9 .shiftnav-toggle{
	display:none !important;
}
/* Always Show main nav < IE9 */
.lt-ie9 .primary-nav{
	display:block !important;
}

    Hope that helps! ??

    Chris

    Thread Starter katart17

    (@katart17)

    Chris, that helped. Sometimes I over complicate things and it usually is an easy solution. Thanks for the help!

    Plugin Author sevenspark

    (@sevenspark)

    You’re welcome, glad it helped! ??

    Where u have added this css as i have added it in the main wp style.css and also tried to add it in shiftnav.css but it didn’t work still..

    can u telll me any idea

    Thread Starter katart17

    (@katart17)

    @lavi_j Does your HTML tag have the lt-ie9 class attached to it? It is a good idea to use conditional IE statements for your HTML tag. Here is a basic example for your WordPress header.php file:

    <!--[if IE 8]><html class="no-js lt-ie9" <?php language_attributes(); ?>> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->

    I hope this helps.

    okay now i added the below one

    #shiftnav-toggle-main{
    display:none/;
    }
    #mysticky-nav{
    display:block/; visibility: show/;
    }

    the shiftnav now is not displayed but when i try it on other device for responsive view the shift nav is stilll not there.

    and i try to display the default nav menu it is not showing up..

    Thread Starter katart17

    (@katart17)

    I don’t see reference to IE in your CSS code?

    Is it possible for you to show the site you’re working on?

    I really appriciate your instant help Mr. , I have resolved this on IE8 now. Thank you very much for this…

    i tried this for the desktop view
    #shiftnav-toggle-main{
    display:none/;
    }

    and for the responsive view i did this:
    @media screen and (max-width: 1030px) {
    #shiftnav-toggle-main{
    display:block/;
    }
    }

    and it worked,

    I don’t see reference to IE in your CSS code?

    Is it possible for you to show the site you’re working on?

    yes that is as it is already mentioned in the code on the site.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘ShiftNav always visible in IE8’ is closed to new replies.