Top Nav Menu Looks Weird in IE9

Problem:

Site renders perfectly in Firefox, Chrome, and Safari but Top Nav menu is diagonal in IE9 (with compatibility settings off…when compatibility settings are on, everything goes bad).

Public link: https://webflow.com/design/mac-funding-corporation?preview=34b8e7c99ca4d815127f83ad33383487

Live link: http://mac-funding-corporation.webflow.com/

Oh yeah, I love Webflow, by the way. In just a few days, I created a site that pretty much blows away the one created by our marketing company partner (for a LOT of money). If I can fix this little IE9 issue, we can manage the site ourselves (which is awesome).

1 Like

Hi @Jimmy glad you’re liking Webflow! I found why this is happening. You added a Rotate transform effect on your links. The reason it’s not showing up in the modern browsers is because Inline elements (your links are set to Display: Inline) don’t take effects. But IE9 seems to render them.

So just remove it and you should be fine. Either click on the trashcan or click on the Blue Transform property and remove the property from that class.

Sergie,

Awesome. It looks perfect now and with that tip, we’ll save about $12K+ using this over the cheap, outdated design our old marketing partner is trying to pitch us (sorry guys). Plus, we can manage it ourselves.

Thanks again for the lightning fast response.

  • Jimmy
2 Likes