Displayed name drops out of Admin Bar in IE11

Are you using Desktop or App IE11? And on what device?

This has been noticed on several desktops (Windows 7 32- and 64-bit, & XP), I haven’t used App IEll.
The obvious suspect was a plugin I was using to replace the “Howdy” greeting, but deactivating made no difference.

Can you replicate the problem using the default Twenty Fourteen theme with all plugins deactivated?

Hi esmi,
Thanks for your input. Have just tried as you suggested and the problem remains.

I cannot replicate your problem in IE11 when using the default 2014 theme.

This does not happen in other browsers (Chrome, Firefox, Opera, Safari, and earlier versions of IE)

This has been noticed on several desktops (Windows 7 32- and 64-bit, & XP), I haven’t used App IEll.

XP does not have a version of IE11, so that test was on which version of IE?

Also, in IE11, make sure the website is not forced into compatibility or quarks mode (generally due to layout issues.

Thanks Pioneer Valley Web Design. Sorry, I shouldn’t have included XP, that machine was running IE8 and the problem did not show. I’ll try to follow up on your other points.

Thanks too, esmi. At the end of the day this is a minor issue, I’m sure I can live with it if I’m not able to resolve it! I was just curious to know if anyone else had noticed it.

I am experiencing the same issue using Windows 7 and IE 10.
looks like it might be in this part of the admin menu code:
<ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu">

I couldn’t quite figure out what is making the name to drop – it is there but it is like the entry is to big for the width and IE forces a new line.

I am having the same problem. Looks like it is not a theme problem or a plugin problem. Having a few wordpress blogs and this problem appears in all of them…

Having the same problem in IE11 on Win7 (IE11 on Win 8.1 displays correctly). @aragornlesage is correct that the problem is with the admin bar and NOT with any theme.

For now, I’ve fixed the issue with the following in my theme which weirdly enough shows the entire name in IE11 rather than hiding the bit that drops down.

function fix_admin_bar() {
    echo '
    <style type="text/css">
    #wp-admin-bar-my-account > a.ab-item { overflow: hidden; }
    </style>';
}
add_action( 'admin_head', 'fix_admin_bar' );
add_action( 'wp_head', 'fix_admin_bar' );

Hey, thanks poorgeek, this works for me too. Great stuff!

Just perfect !!!
Thanks poorgeek !!!