-
Posts
-
Hello,
Thanks for making a wonderful WordPress design. Just found one quirk for me so far:
If you look at my logo “Holly Chadwick Designs” in the header to the left at http://hollychadwick.com using Internet Explorer 8, it is not sized correctly. It is too tall and not wide enough. It doesn’t seem to matter what size I make the image for the logo, it always renders like this. On some computers the logo even goes across the entire screen and is fuzzy because its too big. Any suggestions on how to make it render correctly?
I used the latest Firefox and Chrome on a Mac for reference when putting it together, but would like my colleagues still on XP and IE to be able to view my site correctly.
Thanks,
~Holly
It looks like in IE 10 on Windows 7, the header elements are all centered and the logo goes across the entire screen and is fuzzy because its too big. Don’t have a Windows 8 to check it out in the latest IE.
Hi,
Please add this on your custom.css or Quick CSS
.logo img {
max-width: 300px !important;
}Regards,
Ismael
Hi Ismael, I am having the same problem. I tried your fix above and the logo looks disproportional. I am using IE10.
Hi guys. It looks like everyone’s having this issue with Enfold and it was brought to my attention by a coworker using a PC and still using IE as his default browser…
I’m a Mac user and use Chrome, Firefox and Safari on a daily basis. Enfold works famously on any of these browsers and the problem here is that Microsoft (as always) is buggy junk and IE should have been terminated back in 1999. It’s sad that there are still millions of people out there that use IE on a daily basis instead of any other browser, and this is something that the Kriesi team needs to take into account.
Enfold is NOT complete out the box and every site running Enfold is broken on any version of IE…
I have read through many posts in this forum and have tried many of “Dudes” recommendations on using css to fix this including:
.logo img {
width: 300px;
height: 54px;
}
or using the exact logo dimensions such as:
.logo img {
width: 245px;
height: 65px;
}
But have found that the snippet below is all that needs to be added and fixes the IE problem while not messing with Chrome, Firefox, or Safari:
.logo img {
height:auto;
}
I personally think this needs to be added to the theme and an update should be issued asap so that this issue is solved for everyone out of the box once and for all.
- The topic ‘Header Logo squished in Internet Explorer 8’ is closed to new replies.