Hi all,
My clients site is live now and the hero container is weirdly floating left in IE 11 but not any other browsers.
This is the IE version number: 11.0.9600.17691
Attached are the screenshots I’ve received. I don’t have a windows computer so I can’t check this out myself.
Here is the public editor link: Webflow - Trevian Wealth Management
Thanks for helping!
StevenP
(Steven Victor Sigvard Persson)
2
I experience the exact same problem. @cyberdave?
AlexN
(Alex Nichol)
3
from what I can tell it is the absolute position in your hero-container class that is interfering with the w-container class in IE.
1 Like
jdesign
(Jason Gipson)
4
Hmm. Try making that area and maybe the individual components “inline-block”. Looks like it’s not just an IE 11 issue but in IE regardless of version.
AlexN
(Alex Nichol)
5
I would remove the hero-container class and use padding on the hero class to position your content vertically, then see what happens.
AlexN
(Alex Nichol)
6
I just tested this approach with IE developer tools and it fixed the problem.
Thanks all for the help! The issue is now fixed
Simply by switching from absolute to relative for the hero container
3 Likes