Tagged: ie
Hi,
My client was looking at a site I am developing for her at her office using IE, and the menu is overlapping the logo. Is there some CSS I can use to have it scale properly in IE? I tested it out in Browserstack, and I think this is what she is seeing (image below). It looks fine on my mac in chrome, but unfortunately, the client is using an older browser.
Thanks!
Colin
Hey colingoldberg!
That browser seems to be ie7 or 8, the main reason why it’s not working is because those browser’s do not support media queries and the logo is too BIG, a way to work around this and make your client happy is :
To add this to your head.php file and load your custom IE7or IE8 css, and then target the logo image and scale it using width/height. http://codex.wordpress.org/Function_Reference/get_template_directory_uri
//Do not assume i'm giving you the full solution since this is going to depend on your implementation. ( where you want to place your custom IE stylesheet.
<!-- layout file for only IE 7-8, excluding IE 6 -->
<!--[if (gt IE 6)&(lt IE 9)&(!IEMobile)]>
<link rel="stylesheet" href="USE WordPress <?php echo get_template_directory_uri(); ?>" media="all">
<![endif]-->
Best regards,
David