Menu icon Foundation
Foundation 3 Top Bar dropdown not showing on hover in IE8

I am having a lot of problems getting Foundation 3 and the dropdown to show on hover in IE8. Is there anyone who has experience the same problems who could advise how to fix.

I've included a host of polyfils etc to the site.

website is roadsafetytrust.org.uk - but it's under a maintenance holding page. If you can help and need to see the site please give a shout. Any help would be great

<!-- header -->
<!--[if lt IE 9]>
	<script src="<?php echo get_stylesheet_directory_uri(); ?>/legacy/foundation3/js/modernizr.foundation.js"></script>
	<script src="<?php echo get_stylesheet_directory_uri(); ?>/legacy/foundation3/js/jquery.js"></script>
	<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/legacy/foundation3/css/foundation.min.css" type="text/css" media="all" />
	<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/legacy/foundation3/css/app.css" type="text/css" media="all" />
	<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
	<script src="//s3.amazonaws.com/nwapi/nwmatcher/nwmatcher-1.2.5-min.js"></script>
	<script src="<?php echo get_stylesheet_directory_uri(); ?>/legacy/selectivizr-1.0.3b.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
<![endif]-->
<!-- Footer -->
<!--[if lt IE 9]>
    <script src="<?php echo get_stylesheet_directory_uri(); ?>/legacy/rem.min.js"></script>
	<script src="<?php echo get_stylesheet_directory_uri(); ?>/legacy/foundation3/js/foundation.min.js"></script>
    <script src="<?php echo get_stylesheet_directory_uri(); ?>/legacy/foundation3/js/app.js"></script>
<![endif]-->
            

         

ie8Foundation 3dropdown

I am having a lot of problems getting Foundation 3 and the dropdown to show on hover in IE8. Is there anyone who has experience the same problems who could advise how to fix.

I've included a host of polyfils etc to the site.

website is roadsafetytrust.org.uk - but it's under a maintenance holding page. If you can help and need to see the site please give a shout. Any help would be great

<!-- header -->
<!--[if lt IE 9]>
	<script src="<?php echo get_stylesheet_directory_uri(); ?>/legacy/foundation3/js/modernizr.foundation.js"></script>
	<script src="<?php echo get_stylesheet_directory_uri(); ?>/legacy/foundation3/js/jquery.js"></script>
	<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/legacy/foundation3/css/foundation.min.css" type="text/css" media="all" />
	<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/legacy/foundation3/css/app.css" type="text/css" media="all" />
	<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
	<script src="//s3.amazonaws.com/nwapi/nwmatcher/nwmatcher-1.2.5-min.js"></script>
	<script src="<?php echo get_stylesheet_directory_uri(); ?>/legacy/selectivizr-1.0.3b.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
<![endif]-->
<!-- Footer -->
<!--[if lt IE 9]>
    <script src="<?php echo get_stylesheet_directory_uri(); ?>/legacy/rem.min.js"></script>
	<script src="<?php echo get_stylesheet_directory_uri(); ?>/legacy/foundation3/js/foundation.min.js"></script>
    <script src="<?php echo get_stylesheet_directory_uri(); ?>/legacy/foundation3/js/app.js"></script>
<![endif]-->
            

         
Rafi Benkual almost 4 years ago

Interesting - do you think it has to do with all the polyfills? Does it work in this codepen?
http://codepen.io/rafibomb/pen/ajDnf