Message icon obscured by "close" X.

[HRN-Admin]

Since the last update, there have been a number of user complaining that they cannot access the Message section, as it is obscured by the "close" X.

This is specifically a mobile issue and does not appear to be across the board, but seems to be on some devices, mainly Apple. Here are screenshots where 2 users that have the issue

 

 

One of our moderators, also mentioned that it also affects flagged posts on a phone. I know he has an iPhone, but not sure which model or OS.

Any fix for this would be great.

[Marc]

Before anything else, please check this on a default unaltered theme on your system. It appears you are using a custom theme at present, and I suspect that is what is causing you issues

[HRN-Admin]

Thanks Marc. I guess it is a theme issue, however it only first happened after the last update, so wonder if there is something else that could be causing this?

I will work on the theme and see if we can find a fix.

[Ehren]

Hello,

This code, inside your custom.css file, is causing it:

 #elMobileDrawer a.ipsDrawer_close {
  right:0px;
  left:auto;
  top:-4px;
 }

It looks like there are other issues going on since there's a box-shadow around the username, not to mention the bad alignment. I'd probably go through your custom.css file to check if all of the code in there is necessary. Your core > front > global > mobileNavigation template file may also be modified, which means it wouldn't have been upgraded correctly.

For your reference, the user panel is meant to look like this:

 

[HRN-Admin]

Thanks you @Ehren. Will take a look at this and see if we can resolve it.