Why is IE11 not using padding on columns in new row element

Why is IE11 not using padding on columns in new row element


Should look like this

Hey Iain,

We’re sorry about this issue. It’s because of the following CSS in our theme. I’m sure this has a purpose so I’ll clarify this with our development team.

.no-preserve3d .x-col { // IE11
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

It’s best that we wait for a fix or explanation but if you’re in a hurry, try overriding that CSS with the following (add the code in your page’s Content CSS or Global CSS for sitewide application):

.no-preserve3d .x-row .x-col { // IE11
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

Just remember to remove the code once this case is clarified or fixed. We post bug fixes in our Changelog

Thanks.

https://github.com/themeco/x/issues/2447

Thank you for the prompt reply

You’re most welcome, Iain.

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