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

Thank you! I understand that.

Thank you for being so helpful. And for the lovely theme. ??

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

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?

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.

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

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

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?

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="https://code.jquery.com/jquery-1.7.2.min.js"><\/script>')</script>
<script src="https://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>

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

It is linked in scripts.php file already.

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="https://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.

Are you using page menu? Or Custom menu?

page menu.

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

Sorry; my mistake. I am using custom menu.

In the style.css, find this part:

/* Primary Navigation */
/* Style Primary Navigation Specific to viewport width */
@media (min-width: 481px) {
	#access .menu {
		clear:both;
		margin:0 20px;
	}

and add “screen and” after @media, so it will be like this:

/* Primary Navigation */
/* Style Primary Navigation Specific to viewport width */
@media screen and (min-width: 481px) {
	#access .menu {
		clear:both;
		margin:0 20px;
	}

hope this works~