My logo looks great in all browsers but IE8. The larger logo looks fine, but when I scroll down the page and it changes to the ‘mini logo,’ it looks squeezed. This only happens in IE8. I’ve imported the logo at 200×100. Any help would be greatly appreciated!
This is the only custom css I have:
#menu-item-search {
display: none;
}
img {
height: auto;
width: auto/;
max-width: 100%;
}
Hi,
Please add this below your custom.css
.header-scrolled .logo img {
display: block;
width: 74px;
height: 44px;
max-height: 100%;
height: 100%9;
}
Regards,
Ismael
Thanks, however that makes the logo completely disappear when I scroll. Any other suggestions?