Pro Footer Issues - Internet Explorer 11 - Column/Box Formatting

Hi Team

I’m having issues with the formatting of footers in Internet Explorer 11 (and likely earlier…).

You’ll see the footer works fine across Chrome etc. However, per below screenshot, you’ll see the formatting of the images are out of wack. I’ve already added some code from a previous thread to fix the text issue

Screenshot:

Code:

.x-text-standard {
    width: 100% !important;
}
footer.x-colophon .x-bar-content {
    max-width: 1600px !important; 
}

Please assist! Site link to follow.

Cheers,
Sam

Thread where I spotted the code from:

Hi Sam,

Your site is on coming soon so I can’t see the content.
Please check your BAR > Container : Self Flex: Make sure that this is set to 100% and not auto. IE doesn’t recognized auto value and it should 100% instead. If this is not the issue, please share password using a secure note so we can double check. Thank you.

Ah yep apologies for that Lely - added that page yesterday after raising the issue.

Will check the Container setup and flick through the password to enter via key on coming soon page in private msg.

Thanks, Sam

Hi Lely,
I was having the same issue as grannysam11 and I set Self Flex to 100%.
This did fix the issue in IE11… however now I noticed that when i play with the browser width, the footer seems to have lost its responsiveness.

The website is http://test3.polymermedics.com/

Could you help?
Thanks,
Christian

Hi there,

Hmm, how about if we limit the 100% to IE11 only? Please add this CSS to your global custom CSS.

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.flex_fix_for_IE {     flex: 1 0 100% !important;  }
}

Then inspect each element that has flex layout, and set them to auto, then go to customize section and add flex_fix_for_IE to Class input field.

Hope this helps.

Absolute god send - thank you for answering this query.

1 Like

You’re welcome.

Hoping this is resolved in the next update!

Cheers,
Sam

Hi Sam,

We’re sorry for the inconvenience. The list of bug fixed on the next update will be available on our changelog once it is release. Rest assured that we are trying to include as much bug fixed as possible. Thank you for understanding.

1 Like