The header is shifted to the right when viewing in Internet explorer on this website: http://www.campedventure.com/ I have tried some things from the forum, but none of them have worked. Any help would be appreciated, thanks!
Hi there,
Thanks for posting in.
Looks like IE has issues with the combination of flex layout and automatic margin. The margin auto perfectly works on block elements, but not on an element with flex. Please try removing the margin auto that you applied to the container. Then don’t use negative margin in your logo either. Use proper positioning, like applying position: relative; top: -110px; right: -50px; bottom : -50px; left: -85px; to its inline CSS option.
Thanks.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.