Royal minimal not working in Internet explorer 11 correctly (see screen shot)

Question

Hi,
When applied the Royal minimal theme to my question2answer, it did not display well in IE 11. Please see attached image. The question and answer part got stacked below the side bar, please help me out to solve this issue.

Comments

Image is very small, can you please add large (real scale) size image?

---

Same is the case with all the other pages, the main body gets stacked below the side bar.

---

Okay, I will check and provide you fix as soon as I done

---

Any updates regarding this issue ??

---

did fix my site for IE 11 but still having another issue. the user created content not coming up in Hebrew language only English. it does come up in Chrome and sometimes in IE?

Answer 1

In qa-styles.css file add below code at the end

@media only screen and (min-width: 47.9375em) and (max-width: 60em) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .qa-sidepanel{
        width: 225px !important;
    }
}

This should fix the issue. Let me know the updates.

Comments

This fix worked, thanks a lot!

---

tried for my site and did not work is this fix only for IE 11? does the code addition have to be on a separate line ?

---

Yes use a separate line, this worked for IE 11. I haven't tried on other versions.