IE 11 Footer Container Issue

On IE 11 I cannot seem to get the text to stay within the container. I’ve tried using some custom CSS and most recently using “Fill Space Equally” which totally messed up the layout. Nothing seems to work, could you take a look and see what’s wrong please?

Hi Daniel,

Using the Header and Footer builder for the IE 11 browser has some nuance. The reason for that is, the Header and Footer builder is based on the Flexbox CSS display mode. IE 11 supports the Flexbox but has bugs to render stuff correctly.

The main issue with the IE11 is the unitless options of the Flexbox such as auto you need to have units to show stuff correctly such as 100% or 500px. So please play around with your settings and use the custom mode of and not Fill Space Equally and set the options to 100%.

You can learn more about the IE11 problems on rendering the flexbox here:

And here is a general usage trick list regarding the Flexbox: https://theme.co/apex/forum/t/using-flexbox/24851

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.