WordPress.org

Support

Support » Themes and Templates » Pilot Fish » [Resolved] Still looking for a way to make Pilot Fish navigation work in IE 8

[Resolved] Still looking for a way to make Pilot Fish navigation work in IE 8

  • Jana

    @janajanasnydercom

    I’ve fixed all the issues I was having with IE 8 compatibility except for the main menu/nav stacking instead of displaying horizontally. This also messes up the main image on the home page, if you have something that matters how it’s framed up (which I do).

    (And clicking IE’s “compatibility view” makes the entire home page fall apart completely!)

    I wouldn’t mind missing out on the background/bar image in the nav, if the whole thing would just go horizontal instead of vertical.

    Anyone have a fix for this? Author: any chance you might write a fix for it?

    Here’s my site (on test server): http://s001.janasnyder.com/~blackbea/

    Thanks.

Viewing 15 replies - 1 through 15 (of 41 total)
  • Jana

    @janajanasnydercom

    And, you know, 20 – 25% of people in the U.S. are still using IE, so it does matter.

    Theme Author Daniel Zhao

    @danni1990

    Thank you for your advice Jana. I’ll try to make Pilot Fish work in IE 🙂

    Jana

    @janajanasnydercom

    Thank you!

    Theme Author Daniel Zhao

    @danni1990

    You can try this script: css3-mediaqueries-js

    Just link this script after the stylesheet and other javascript files, inside the header. I’m using Ubuntu and I don’t have Windows, so I cannot test it on IE, but I tried to view my theme using Adobe BrowserLab and it worked.

    Jana

    @janajanasnydercom

    Thanks, I’ll try that.

    aspirateur2000

    @aspirateur2000

    Hi,
    Could you please please let us know how to ‘link’ the css3-mediaqueries-js file ?
    in which file should we edit and where should we put ? and which line of code would ‘link’ this file ?

    thank you

    Jana

    @janajanasnydercom

    aspirateur, I had the same question, but was going to ask my code guy.

    Danni…? Or someone else?

    aspirateur2000

    @aspirateur2000

    you get the same problem with the menu right ? just the links ? not the dropdown stuff… ?
    how did you fix other issues ? i did not see any other … ?

    Jana

    @janajanasnydercom

    One thing that helped was validating the code on my site. Info here: http://codex.wordpress.org/Validating_a_Website

    Jana

    @janajanasnydercom

    Okay; I…

    1. went to http://code.google.com/p/css3-mediaqueries-js/ and downloaded css3-mediaqueries-js

    2. ftp’d css3-mediaqueries-js to themes/pilot-fish/js

    3. went to header.php and inserted <script src="http://s001.janasnyder.com/~blackbea/wp-content/themes/pilot-fish/js/css3-mediaqueries.js"></script> right before <?php pilotfish_head(); // head hook ?>

    4. checked it with firebug to make sure it’s there (it is)

    …but navigation is still not working in IE 8.

    Theme Author Daniel Zhao

    @danni1990

    Sorry Jana! I forgot to mention that the script need to be added after loading the CSS stylesheet.

    This is my theme development site: http://wpdev.danielatwork.com/ Could you please check it under IE8 and see if the menu aligned well? I’m using BrowserLab instead of real IE8, so I cannot guarantee if it works.

    Theme Author Daniel Zhao

    @danni1990

    and to add the css3-mediaqueries.js:

    1. download the file and upload it to yoursitename.com/wp-content/themes/pilot-fish/js/ (using FTP such as filezilla)

    2. go to the script.php file, and inside the first function pilotfish_scripts(), add:

    wp_register_script('pilotfish_mediaqueries', get_template_directory_uri() . '/js/css3-mediaqueries.js', array('jquery'), null, false);
    wp_enqueue_script('pilotfish_mediaqueries');

    to the bottom of that function.

    Jana

    @janajanasnydercom

    I’m sorry, I don’t know enough about code to understand what you mean by “inside the first function” or “to the bottom of that function.” Can you tell me what the preceding or following line of code is?

    Sorry for my newbie understanding, and thanks for your patience! 🙂

    Jana

    @janajanasnydercom

    Oh and, yes, your development site works perfectly in IE!

    Theme Author Daniel Zhao

    @danni1990

    Hi Jana,

    Have you ever changed the scripts.php file on your site? If not, you can just download this new one here: https://www.box.com/s/35z9nuvz477svro0glpf and FTP to yoursitename.com/wp-content/themes/pilot-fish/includes/ to overwrite the original file. (and make sure the css3-mediaqueries.js is in the js folder too)

    I have added the link to the media query javascript file in the new scripts.php. You can also take a look at it and modify yours according to this one 🙂

    Hope it helps^^

Viewing 15 replies - 1 through 15 (of 41 total)
  • The topic ‘[Resolved] Still looking for a way to make Pilot Fish navigation work in IE 8’ is closed to new replies.
Skip to toolbar