When you log in to your WordPress site, the application places a toolbar at the top of the page. And the toolbar is always present, whether you’re viewing the site from your dashboard or the front page of your website. This is really frustrating for many people, and it’s much more so while you’re constructing the site.
If you’re a developer, this toolbar may seriously mess up the appearance of your main page, especially if you have some CSS detail that the admin bar obscures. Even if you’re not a developer, the admin bar may be too distracting.
Here are a few ways using which you can hide the admin bar.
1. Removing toolbar directly from the dashboard: To conceal the admin toolbar, go to your site’s WordPress Dashboard first. To remove the admin bar, go to Users and find your Profile. Simply uncheck the “Show toolbar when accessing the site” button.
2. Using Custom CSS: While the first approach is without a doubt the simplest, this one comes in a close second in terms of complexity. All you need to do is copy and paste the CSS code below into Appearance >> Customize >> Additional CSS or your style.css file.
To deactivate the toolbar, use the CSS code:
#wpadminbar { display:none !important;}
3. Using a WordPress Plugin: While the following technique is simple, it is not the only option to remove the toolbar. You have a plethora of plugins at your disposal that can assist you with the same issue. The most often used plugin is the Hide Admin Bar Plugin.
Fortunately, there is nothing to configure here; simply download the plugin, activate it, and your toolbar will be gone. It doesn’t get much simpler than that.
Finally, whether you believe the toolbar is interfering with your design or is simply distracting you, you may remove it entirely at any time. We hope this short article shows that removing the admin bar is not a difficult task.
