Recent WordPress dashboard menu issues


Sidebar link overlapping in chrome

I’ve recently noticed that menu items in the WordPress dashboard’s sidebar have been overlapping, disappearing, and acting erratically. You can see in the screenshot below how the sidebar is acting up.

sidebar

I went looking for a fix today and came across the following post on the WordPress support forums, with a fix by a user named Samuel Wood:

https://wordpress.org/support/topic/strange-issue-with-wp-admin-sidebar?replies=14

Samuel mentions  that this is an issue with recent updates to the Chrome browser, and gives the following steps to fix the problem.

  1. Go to chrome://flags/#disable-slimming-paint (you’ll have to copy and paste the url, as chrome doesn’t allow the config page to be linked to)
  2. Enable the “Disable slimming paint” option.
  3. Ensure that the “Enable slimming paint” option below it is not turned on.
  4. Relaunch Chrome.

In step one, you should see the flag option at the top of your screen, looking like this:

chrome-settings

You’ll want to enable the highlighted option, and ensure that the option below it (Enable slimming paint) is disabled. After you enable the option, the background should turn white, like this:

chrome-settings2

After the browser restarts, you shouldn’t see any issues with the sidebar.