WordPress.org

Ready to get started?Download WordPress

Forums

Ward
Top menu collapsed in IE (13 posts)

  1. fleurink
    Member
    Posted 6 months ago #

    We run Ward on one of our sites. Great theme!

    I've heard that our top menu of the home screen is collapsed on some computers with Internet Explorer: it looks like the mobile theme's menu button (three white lines).

    I cannot reproduce this problem myself, but some people have sent me a screenshot:
    https://drive.google.com/file/d/0Bxt07JH1rwafZ2J1ekl4cnBSdzg/edit?usp=sharing

    Can we fix this for IE on those computers where this happens?

    Thanks in advance!

    Floris

  2. polofreak
    Member
    Posted 4 months ago #

    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?

  3. Andrew
    Forum Moderator
    Posted 4 months ago #

    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

  4. polofreak
    Member
    Posted 4 months ago #

    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?

  5. Andrew
    Forum Moderator
    Posted 4 months ago #

    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.

  6. polofreak
    Member
    Posted 4 months ago #

    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?

  7. Andrew
    Forum Moderator
    Posted 4 months ago #

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

    get_template_directory_uri()

    Instead use this:

    get_stylesheet_directory_uri()
  8. polofreak
    Member
    Posted 4 months ago #

    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 :/

  9. Andrew
    Forum Moderator
    Posted 4 months ago #

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

  10. polofreak
    Member
    Posted 4 months ago #

    http://www.cvjmsingen.de => actually there is no "real content" on the webpage ... just that you don't wonder :)

  11. Andrew
    Forum Moderator
    Posted 4 months ago #

  12. polofreak
    Member
    Posted 4 months ago #

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

    So many thanks for your help!!!!

  13. polofreak
    Member
    Posted 4 months ago #

    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!!

Reply

You must log in to post.

About this Theme

About this Topic