Wordpress site, theme falls apart if Internet Explorer 8 or lower, wanted to add conditional comment with style to display none of body, just as temp fix but style is not being applied when ie8 or lower, added code to header.php file.
Any suggestions? Thx!
<head>
<!-- Title -->
<title><?php wp_title('|', true, 'right'); ?></title>
<!-- Meta -->
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon-->
<link rel="shortcut icon" href="<?php $favicon=th_theme_data('favicon'); echo esc_url($favicon['url']); ?>" type="image/x-icon">
<link rel="profile" href="http://gmpg.org/xfn/11"/>
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<!--[if lte IE 8]>
<style type='text/css'>
body {display:none!important;}
</style>
<![endif]-->
<?php wp_head() ?>
</head>
Here's what rendered HTML looks like
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en-US" > <!--<![endif]-->
<!--[if lte IE 8]>
<style type='text/css'>
body {display:none!important;}
</style>
<![endif]-->
<head>
<!-- Title -->
<title>_1stDraft | Rogers & Cowan</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon-->
<link rel="shortcut icon" href="" type="image/x-icon">
<link rel="profile" href="http://gmpg.org/xfn/11"/>
<link rel="pingback" href="http://wprogerscowan.build.webershandwick.com/xmlrpc.php" />
<!--[if lte IE 8]>
<style type='text/css'>
body {display:none!important;}
</style>
<![endif]-->