Sticky Logo Squished in Internet Explorer

Sabrenzie

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Sabrenzie

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

Hi,

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

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

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Sabrenzie

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

Bryan

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;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Sabrenzie

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