WordPress.org

Ready to get started?Download WordPress

Forums

Pilot Fish
[resolved] Still looking for a way to make Pilot Fish navigation work in IE 8 (42 posts)

  1. Jana
    Member
    Posted 1 year ago #

    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.

  2. Jana
    Member
    Posted 1 year ago #

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

  3. Daniel Zhao
    Member
    Theme Author

    Posted 1 year ago #

    Thank you for your advice Jana. I'll try to make Pilot Fish work in IE :)

  4. Jana
    Member
    Posted 1 year ago #

    Thank you!

  5. Daniel Zhao
    Member
    Theme Author

    Posted 1 year ago #

    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.

  6. Jana
    Member
    Posted 1 year ago #

    Thanks, I'll try that.

  7. aspirateur2000
    Member
    Posted 1 year ago #

    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

  8. Jana
    Member
    Posted 1 year ago #

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

    Danni...? Or someone else?

  9. aspirateur2000
    Member
    Posted 1 year ago #

    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 ... ?

  10. Jana
    Member
    Posted 1 year ago #

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

  11. Jana
    Member
    Posted 1 year ago #

    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.

  12. Daniel Zhao
    Member
    Theme Author

    Posted 1 year ago #

    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.

  13. Daniel Zhao
    Member
    Theme Author

    Posted 1 year ago #

    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.

  14. Jana
    Member
    Posted 1 year ago #

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

  15. Jana
    Member
    Posted 1 year ago #

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

  16. Daniel Zhao
    Member
    Theme Author

    Posted 1 year ago #

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

  17. Jana
    Member
    Posted 1 year ago #

    Thank you! I understand that.

    Thank you for being so helpful. And for the lovely theme. :)

  18. Jana
    Member
    Posted 1 year ago #

    I did that one hour ago. (ftp'd the new script to the includes folder and made sure the other one is in the js folder.)

    Still not working. :/

  19. Daniel Zhao
    Member
    Theme Author

    Posted 1 year ago #

    Hi Jana,

    I just checked your site, and you have imported the css-mediaqueries javascript twice. Could you remove the one you added a while ago (here) and try again?

  20. Jana
    Member
    Posted 1 year ago #

    Okay, I just now:
    - removed css-mediaqueries.js from js folder
    - ftp'd css-mediaqueries.js (making sure not to get the one w/ (1) in the file name) into the js folder again

    Still no effect.

  21. Daniel Zhao
    Member
    Theme Author

    Posted 1 year ago #

    and did you remove the line<script src="http://s001.janasnyder.com/~blackbea/wp-content/themes/pilot-fish/js/css3-mediaqueries.js"></script> from your header.php file?

  22. Jana
    Member
    Posted 1 year ago #

    Yes. No change. Put it back in. No change. Repeated. No change.

  23. Daniel Zhao
    Member
    Theme Author

    Posted 1 year ago #

    But I just checked your site and under the firebug, the script still imported twice, and before the CSS stylesheet. Could it be that you enabled the Cache on your website?

  24. Jana
    Member
    Posted 1 year ago #

    I have not enabled cache, and I have not added any plug ins.

    I see what you mean in firebug, but it only appears once in header.php

    Here is where the script is; have I put it in the wrong place?

    <title><?php wp_title(); ?></title>
    <script>window.jQuery || document.write('<script src="http://code.jquery.com/jquery-1.7.2.min.js"><\/script>')</script>
    <script src="http://blackbearbosin.com/wp-content/themes/pilot-fish/js/css3-mediaqueries.js"></script>
    <?php pilotfish_head(); // head hook ?>
    <?php wp_head(); ?>
    <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7? />
    </head>
  25. Daniel Zhao
    Member
    Theme Author

    Posted 1 year ago #

    oh, remove this the link to the javascript from header.php file.

    It is linked in scripts.php file already.

  26. Jana
    Member
    Posted 1 year ago #

    Okay, I've removed it from header.php. Now it looks like this:

    <title><?php wp_title(); ?></title>
    <script>window.jQuery || document.write('<script src="http://code.jquery.com/jquery-1.7.2.min.js"><\/script>')</script>
    <?php pilotfish_head(); // head hook ?>
    <?php wp_head(); ?>
    <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7? />
    </head>

    Still not working.

  27. Daniel Zhao
    Member
    Theme Author

    Posted 1 year ago #

    Are you using page menu? Or Custom menu?

  28. Jana
    Member
    Posted 1 year ago #

    page menu.

  29. Daniel Zhao
    Member
    Theme Author

    Posted 1 year ago #

    Could you switch to custom menu? Because I'm using custom menu, maybe that's the difference...

  30. Jana
    Member
    Posted 1 year ago #

    Sorry; my mistake. I am using custom menu.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic