WordPress.org

Support

Support » Themes and Templates » Top menu collapsed in IE

Top menu collapsed in IE

Viewing 12 replies - 1 through 12 (of 12 total)
  • IE8 is making those big troubles. I love this theme and would like to use it, but as long as the IE8 users cannot see the page somehow not completely weired I sadly can’t use it. Is there a way to fix this issues?

    You might have troubles with a lot of responsive themes, because it isn’t really an issue with the theme itself. It’s an issue with old browsers not supporting new technologies like Media Queries.
    You can use some JavaScript plugins to make IE8 understand what Media Queries are, but it’s a lot of effort for what may seem like a minority of users. From fluerink’s description of the issue it seems the theme author took the decision not to incorporate this JS by default, but it doesn’t mean you can’t.

    E.g. Try incorporating “Respond”: https://github.com/scottjehl/Respond

    thanks a lot for your answer!
    I know that cross browser develpoment is horrible but sadly too many of my users are still using IE8 :/

    Do you think it’s “just” a question of the media querries? Not that I work to get those running to realize that there are many different other things that are not supported by older browsers?

    Well I think the issue Fluerink described is because of a media query: https://docs.google.com/file/d/0Bxt07JH1rwafZ2J1ekl4cnBSdzg/edit – because the desktop media queries that displays the menu properly aren’t being read at all.

    If you’re having a much more serious issue then you may need to create a new thread about that: http://wordpress.org/support/theme/ward#postform – because I don’t think that would be same as the issue being discussed here.

    Dear Andrew,

    many thanks for your help, I uploaded the mentioned js into the ward theme JS directory and also integrated it via the functions.php like this:

    // Load respond to make IE8 and below rendering the theme correctly
    wp_register_script( 'respond', trailingslashit( get_template_directory_uri() ) . 'js/respond.min.js', array(), '1.4.2', false );
    wp_enqueue_script( 'respond' );

    it shows up in the header section of my website when I render it, but the effect remains the same. The menu is still like the ones on mobiles …

    any further Idea?

    If you’re using a Child Theme you can’t use this:

    get_template_directory_uri()

    Instead use this:

    get_stylesheet_directory_uri()

    I know that I should use a child theme but as I didn’t change the theme and wnated only to try including the respond js I did it directly inside the theme. Either version is bringing up the same script tag inside my header:

    <script src="http://mysite.de/wp-content/themes/ward/js/respond.min.js?ver=1.4.2" type="text/javascript"></script>

    so that does not seem to be the problem :/

    I’ll need to see your site to explore the issue

    http://www.cvjmsingen.de => actually there is no “real content” on the webpage … just that you don’t wonder 🙂

    :/ ooooops !!! That’s extremely embarrassing!!!!

    So many thanks for your help!!!!

    For those having the same problem:

    I uploaded the mentioned respond.min.js into the ward theme JS directory (“wp-content/themes/ward/library/js”) and integrated it via the functions.php like this:

    // Load respond to make IE8 and below rendering the theme correctly
    wp_register_script( 'respond', trailingslashit( get_template_directory_uri() ) . 'library/js/respond.min.js', array(), '1.4.2', false );
    wp_enqueue_script( 'respond' );

    And this works now!

    Many thanks again Andrew!!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Top menu collapsed in IE’ is closed to new replies.