Hey everybody,
I built a site with webflow You can view the project here:
https://preview.webflow.com/preview/bootstrap-497a92?preview=811693898663e5b07b55ffab423af28b
I exported it and it’s live on the internet right now here:
When I view it in BrowserStack and test it - it looks great. When they view it in Windows 8.1 with IE 11 the menu looks TERRIBLE. I need help fixing this error - ASAP.
The jacked up view the client gets:
The view I get in Browserstack:
Hello @rileyrichter just took a quick look and I’ve seen this issue before. Internet Explorer needs a width & height applied to elements to render correctly.
My recommendation is to set percentage widths and fixed heights to the menu-item buttons, and set them all to float: left.
You may need to adjust line-height/padding/text-alignment/element order of the buttons as well to get the desired display. This should resolve the display in IE across different versions. 
Be sure to adjust the menu display across the other breakpoints after resolving the desktop display.
Please let me know if you have any questions.
Thank you,
Waldo
Hey @rileyrichter yes it would apply to those as well as the buttons inside of the dropdown (the links inside the drop down don’t have to be set to float: left, but they do need height/width).
Thanks,
Waldo
Thanks so much for the help! I really appreciate it!
My pleasure! Happy to help and glad that we were able to find a solution.
Thank you,
Waldo 
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.
