Here is my site's read only link:
I have two key issues and have attached screenshots to demonstrate the problem.
1) I noticed that at certain breakpoints, Box 12 positioning gets funky and overlaps with Box 11. And this is a problem that only occurs in Webflow Design view (i.e. Chrome) and in the published version when viewedon Chrome. The same website doesn't have these breakpoint issues when viewed on Firefox. Specifically, the Box overlapping issue occurs at 1876px, 1808px, 1684px, 1442px, 1412px, 1206px, 1158px, 1056px, 1032px, and probably at other breakpoints. Webflow suggested it was some custom coding that I had in the header that was causing the problem. But the custom code I have inserted isn't related to Box 11 or Box 12. I have deleted the custom code, republished, but the overlapping at certain breakpoints still exist.
2) On IE, there is a lot of flickering going on when adjusting browser width. Also, at certain breakpoints, the logo/branding link gets cut off and stretched. None of these issues appear when viewing on Chrome or Firefox. At a certain lower breakpoint (probably around iphone landscape breakpoint), a line from my logo actually disappears! See snapshots. I am setting the branding_link (link div that holds the logo image) to be 65vh. My goal is to have a Hero section that's always the height of the browser and the 65vh seems to work on the other platforms (including iPad). I have disabled this feature for mobile and tablet devices.
Here is a short video I took of the issue (it's still being converted on Vimeo and will be done in 30 minutes): https://vimeo.com/136281677
Any help or clarification would be much appreciated. I know IE is buggy but I didn't expect it to be this bad.
Thank you so much.