Bug: User menu is only half visible in FlatSnow RTL mobile mode

Question

(i am using qa 1.7 final release)

The user manu has to appear on the right hand side when in RTL mode. In desktop mode the user menu is apearing on the right hand side which is correct, but in mobile mode again the user menu is shifted to the right corner(image below)

Comments

Dang, thought I'd fixed that a while back. Looks like the user menu is in the wrong place (should be on the left). I'll check into it.

Answer 1

This can be fixed by removing the media query around ".qa-q-item-avatar" in the qa-styles-rtl.css file, and also setting it to float left instead.

I'll add this to 1.7.1.

Comments

removing the media  quesry around avatar did not solve the issue!

---

I added a suggesting solution which worked.( i provided it a separate answer  so others notice it)

---

Sorry I wrote the answer on mobile and forgot the correct CSS class. Anyway this has now been fixed in the dev branch on Github.

Answer 2

A working solution :

I ended up adding

 float: left;

to

qa-style-rtl.cs

@media (max-width: 979px) {
    .qam-account-items-wrapper {
        right: auto;
        left: 8px;
        float: left; <--------------------------------------
    }
}