IE display issues with columns/rows

[danmaat]

I have columns not staying on same row (3 on top, 1 under them) when displayed on Internet Explorer - please advise.

[friech]

Hi @danmaat,

Thank you for writing in, please try the solution provided here.

Hope it helps,
Cheers!

[danmaat]

I added the following to the css global:

.ie $el.x-col {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

I then added same to each column and turned off wrap.
I then tested on IE but saw no changes. Still broken.
What am I missing?

[rad]

Hi @danmaat,

It will not work since IE has no proper support for flex layout compared to its modern browsers counterpart. Could you try adding this CSS to Theme Options > CSS

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

.x-row-inner {
flex-wrap: nowrap;
}

}

Thanks!