Fix WordPress Menu Bug in Chrome Browser

As a great number of WordPress users have reported on the community forums that the left sidebar menu inside the admin panel in WordPress is not displayed correctly in the recent update of the Chrome 45, here are some easy fixes for you.

The issue can be fixed immediately, just by disabling an option in Chrome Flags settings, or by writing a custom function with some short CSS in your main theme. Keep reading below to check the solutions.

Fix WordPress Menu from Chrome

The most easier and faster fix is to, attention, enable the Disable slimming paint option in Chrome Flags Settings. Just open a new tab in Chrome and write in the URL bar:

chrome://flags/

Now use the search bar (CTRL+F) and search for "Disable slimming paint" and enable it, then restart the Chrome so the changes can take effect. Now your menu should appear ok with all the items in place.

Note: Chrome developers were announced about the issue and the fix will be out soon with a new update.

Adding Some CSS only for Admin Panel

All you need to do is to add the CSS transform property with translateZ to enable the hardware acceleration. So, go to your theme folder and find functions.php and write the code below:

function fix_wordpress_menu_in_chrome() {
	wp_add_inline_style( 'wp-admin', '#adminmenu, #adminmenu li a { transform: translateZ(0); }' );
}
add_action('admin_enqueue_scripts', 'fix_wordpress_menu_in_chrome');

Test it. Now your menu should appear ok now without the need of disabling anything in Chrome. Simple and fast. And it won't hurt the admin panel with anything, even with the new updates I think.

Scrolling Up and Down or Collapse the Menu

If you don't like the fixes above, you can just scroll down and up, until the menu is fully visible again, or you can use the collapse button and revert it back to normal. That's all, hope this helps.