Sticky Logo Squished in Internet Explorer

Sabrenzie · February 2017

Hello,

I am wondering if there is a CSS code where I can make the sticky header logo appear in Internet Explorer without getting squished? I currently have a 300 x 64 px .svg logo in the Sticky Header logo spot, and it looks great on all browsers but Internet Explorer. I have tried all different logo types and nothing has solved the issue.

Here is an example of the issue on Internet Explorer:

Here is an example of how it should look: (As shown on Safari)

Thank you for your help!

Albert · February 2017

Hey,

did you set logo size under Theme options > Global > Logo section? If you did it and your logo is still squished in IE, please send us link to page where you faced this issue so we can have a look on it first.

Sabrenzie · February 2017

I did set my logo within that section - frost.frostpllc.com

This is a subdomain address. I will be moving the website to the actual domain once I complete the website. Again, the logo works fine on all browsers but IE...

Bryan · February 2017

Hi,

I have the solution for IE, just use this custom css:

#Top_bar.is-sticky #logo img {width:auto !important;}

thanks

Sabrenzie · February 2017

Thank you! I tried it out and it is still slightly squished - is there something I can do to lock the height?

Bryan · February 2017

Please remove all custom CSS you wrote in reference to the logo item, even our previous one and paste this:

#Top_bar.is-sticky #logo img {
    max-width: 200px;
}

Sabrenzie · February 2017

Thank you for all of your help! I believe that this has worked.

Sticky Logo Squished in Internet Explorer

Comments