How to easily hide the WordPress.com Action Bar

Advertisements
Advertisements

If like me, you find the WordPress.com Action Bar overlay annoying then you’ll probably appreciate this quick and easy method to hide it.

The “Action Bar” on every WordPress.com site allows you to quickly login, follow blogs you like, and includes links to features like profiles and editing posts (for users with posting permissions). The “Action Bar” is triggered as you scroll upwards on any WordPress.com site. While the admin-specific shortcuts are useful for publishers, ordinary readers probably dislike the way it intrusively takes up precious screen real estate.

While there is no admin area setting to disable this monstrosity (there used to be, but Automattic decided paying customers shouldn’t have an easy opt out), if you are a WordPress.com Premium subscriber and above… there is a simple CSS trick to hide the “Action Bar”.

In the additional CSS section of your current WordPress theme, paste the following code to hide the action bar:

div#actionbar {
display: none
}

Save your changes and, voila, the WordPress.com bar should have vanished from view for everyone.

It’s important to note this only applies to WordPress.com hosted blogs. If you take one of our Managed WordPress Hosting plans, you won’t experience this UX annoyance. Because, you know, I would absolutely never allow it.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s