Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #23803

    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

    #121174

    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.

    #121175

    Hi,

    Please add this on your custom.css or Quick CSS

    .logo img {
    max-width: 300px !important;
    }

    Regards,

    Ismael

    #121176

    Hi Ismael, I am having the same problem. I tried your fix above and the logo looks disproportional. I am using IE10.

    #121177

    Hello,

    Can you give us a link to your website?

    Adjust the max-width property.

    Regards,

    Ismael

    #121178

    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.

    #121179

    Hey,

    Thank you for this. I’ll make a request to Kriesi to add this on the next update. :)

    Cheers,

    Ismael

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Header Logo squished in Internet Explorer 8’ is closed to new replies.