Royal Minimal: In IE10, The questions section does not show properly and shows at the bottom of page?

Question

For some reason in Royal Minimal theme, the questions section does not show properly and shows all the way at the bottom of the page.

Has anyone else had this issue?

Can someone help me resolve this issue?

Thank you!

Comments

This is what it looks like to me in IE10:

Answer 1

In theme/css/ folder find qm-style.css (qm-style-rtl.css if your site is RTL)

In stylesheet find below code. It could be more than one time.

.qa-main {
    width:730px;
    clear:left;
    float:left;
}

Remove clear:left and float:left so code should be something like below

.qa-main {
    width:730px;
}

If you are familiar with compass and sass than you may like to use that instead of directly modifying production stylesheet.

For that you can use provided raw-content in package bundle.
Once you setup compass and sass for that than find _responsive.sass file in row-content/sass/components/ folder

In this file you will find .qa-main class at line #1202 and #1252
Remove clear:left and float:left and done.

This should resolve the issue.

Comments

Hi, removed those lines from the qm-style.css file and then cleared my browser's cache but still have the same issue.

---

Also, as you can see from my screenshots above my site is in LTR writing direction. Is there a fix for this when in LTR?

---

Just wonder! This should resolve the issue. Did you tried the same fix in RTL stylesheet?

Also make sure there are multiple .qa-main set in the stylesheet.

---

Did you get it works?