Top menu collapsed in IE
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:
Can we fix this for IE on those computers where this happens?
Thanks in advance!
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.
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.
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:
Instead use this:
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:
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 🙂
Edit: Note the importance of a Child Theme: http://codex.wordpress.org/Child_Themes
:/ 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!!
- The topic ‘Top menu collapsed in IE’ is closed to new replies.