{"id":8651,"date":"2023-03-13T23:24:49","date_gmt":"2023-03-13T23:24:49","guid":{"rendered":"https:\/\/mauricemuteti.info\/?p=8651"},"modified":"2023-03-13T23:24:49","modified_gmt":"2023-03-13T23:24:49","slug":"unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site","status":"publish","type":"post","link":"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/","title":{"rendered":"&#8220;Unleash Your Design Skills: Learn How to Eliminate the Top Menu Bar on Your WordPress Site!&#8221;"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_49 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"ez-toc-toggle-icon-1\"><label for=\"item-6787403d36287\" aria-label=\"Table of Content\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input  type=\"checkbox\" id=\"item-6787403d36287\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Perplexity_and_Burstiness_in_Removing_the_Top_Menu_Bar_in_WordPress\" title=\"Perplexity and Burstiness in Removing the Top Menu Bar in WordPress\">Perplexity and Burstiness in Removing the Top Menu Bar in WordPress<\/a><ul class='ez-toc-list-level-2'><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Why_Remove_the_Top_Menu_Bar\" title=\"Why Remove the Top Menu Bar\">Why Remove the Top Menu Bar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Method_1_Removing_the_Menu_Bar_using_CSS\" title=\"Method 1: Removing the Menu Bar using CSS\">Method 1: Removing the Menu Bar using CSS<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Step_1_Logging_in_to_Your_WordPress_Dashboard\" title=\"Step 1: Logging in to Your WordPress Dashboard\">Step 1: Logging in to Your WordPress Dashboard<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Step_2_Adding_Custom_CSS\" title=\"Step 2: Adding Custom CSS\">Step 2: Adding Custom CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Step_3_Previewing_Your_Website\" title=\"Step 3: Previewing Your Website\">Step 3: Previewing Your Website<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Method_2_Hiding_the_Menu_Bar_using_Plugins\" title=\"Method 2: Hiding the Menu Bar using Plugins\">Method 2: Hiding the Menu Bar using Plugins<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Option_1_WP_Hide\" title=\"Option 1: WP Hide\">Option 1: WP Hide<\/a><ul class='ez-toc-list-level-4'><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Step_1_Installing_and_Activating_WP_Hide\" title=\"Step 1: Installing and Activating WP Hide\">Step 1: Installing and Activating WP Hide<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Step_2_Configuring_WP_Hide\" title=\"Step 2: Configuring WP Hide\">Step 2: Configuring WP Hide<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Option_2_UberMenu_%E2%80%93_WordPress_Mega_Menu_Plugin\" title=\"Option 2: UberMenu \u2013 WordPress Mega Menu Plugin\">Option 2: UberMenu \u2013 WordPress Mega Menu Plugin<\/a><ul class='ez-toc-list-level-4'><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Step_1_Installing_and_Activating_UberMenu\" title=\"Step 1: Installing and Activating UberMenu\">Step 1: Installing and Activating UberMenu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Step_2_Customizing_the_Menu\" title=\"Step 2: Customizing the Menu\">Step 2: Customizing the Menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Step_3_Previewing_Your_Website-2\" title=\"Step 3: Previewing Your Website\">Step 3: Previewing Your Website<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Method_3_Editing_the_Code_to_Remove_the_Menu_Bar\" title=\"Method 3: Editing the Code to Remove the Menu Bar\">Method 3: Editing the Code to Remove the Menu Bar<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Step_1_Logging_in_to_Your_Website%E2%80%99s_FTP\" title=\"Step 1: Logging in to Your Website&#8217;s FTP\">Step 1: Logging in to Your Website&#8217;s FTP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Step_2_Editing_the_Headerphp_File\" title=\"Step 2: Editing the Header.php File\">Step 2: Editing the Header.php File<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Step_3_Previewing_Your_Website-3\" title=\"Step 3: Previewing Your Website\">Step 3: Previewing Your Website<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/mauricemuteti.info\/unleash-your-design-skills-learn-how-to-eliminate-the-top-menu-bar-on-your-wordpress-site\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"Perplexity_and_Burstiness_in_Removing_the_Top_Menu_Bar_in_WordPress\"><\/span>Perplexity and Burstiness in Removing the Top Menu Bar in WordPress<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>It&#8217;s no secret that WordPress is one of the most popular content management systems on the internet. With over a third of all websites utilizing WordPress, it&#8217;s clear to see its widespread popularity. One of the primary reasons for this is its powerful tool that enables you to create and manage your website with ease. However, not everything is perfect with WordPress, and customization may be needed&#8211; and one such element is the top menu bar that appears by default.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Why_Remove_the_Top_Menu_Bar\"><\/span>Why Remove the Top Menu Bar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Many website owners may want to remove this top menu bar, with its design not always fitting with their branding or design preferences, or for more control over their website&#8217;s navigation. In this article, we&#8217;ll explore different methods you can remove the top menu bar in WordPress.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Removing_the_Menu_Bar_using_CSS\"><\/span>Method 1: Removing the Menu Bar using CSS<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The easiest way to remove the top menu bar is through CSS, which is a coding language used for describing the look and formatting of a website. The specific CSS code in question removes the top menu bar.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Logging_in_to_Your_WordPress_Dashboard\"><\/span>Step 1: Logging in to Your WordPress Dashboard<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>First, log in to your WordPress dashboard, then navigate to the Appearance tab and click on the Customize option.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Adding_Custom_CSS\"><\/span>Step 2: Adding Custom CSS<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In the WordPress Customizer, look for the Additional CSS option, which allows you to add custom CSS to your website. Clicking it brings up a new window where you can add the following CSS code: <\/p>\n<pre>#site-navigation {display:none;}<\/pre>\n<p>After adding the CSS, click on Publish to save your changes.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Previewing_Your_Website\"><\/span>Step 3: Previewing Your Website<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Preview your website to see the changes. You should see that the top menu bar no longer appears on your website.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_2_Hiding_the_Menu_Bar_using_Plugins\"><\/span>Method 2: Hiding the Menu Bar using Plugins<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To remove the top menu bar in WordPress, you can also use plugins. Here are two options:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Option_1_WP_Hide\"><\/span>Option 1: WP Hide<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>WP Hide is a free plugin that simplifies the process of removing various website elements, including the top menu bar.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Step_1_Installing_and_Activating_WP_Hide\"><\/span>Step 1: Installing and Activating WP Hide<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Install and activate WP Hide by going to Plugins > Add New, searching for WP Hide, then clicking Install Now and Activate.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Step_2_Configuring_WP_Hide\"><\/span>Step 2: Configuring WP Hide<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Navigate to Settings > WP Hide in your WordPress dashboard, look for the Hide Admin Bar setting, click on it to enable it, then click on Save Changes.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Option_2_UberMenu_%E2%80%93_WordPress_Mega_Menu_Plugin\"><\/span>Option 2: UberMenu \u2013 WordPress Mega Menu Plugin<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>UberMenu is a premium plugin that offers advanced features that customize your website&#8217;s navigation.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Step_1_Installing_and_Activating_UberMenu\"><\/span>Step 1: Installing and Activating UberMenu<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Purchase and install UberMenu, then navigate to Appearance > UberMenu in your WordPress dashboard to access the plugin settings.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Step_2_Customizing_the_Menu\"><\/span>Step 2: Customizing the Menu<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>In the UberMenu settings, customize your menu as per your preference. To remove the top menu bar, look for the Enable UberMenu setting and toggle the switch to disable it, then click on Save Changes.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Step_3_Previewing_Your_Website-2\"><\/span>Step 3: Previewing Your Website<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Preview your website to see the changes, with the top menu bar no longer appearing on your website.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_3_Editing_the_Code_to_Remove_the_Menu_Bar\"><\/span>Method 3: Editing the Code to Remove the Menu Bar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Editing the code can be a little more complicated and is more suitable for those comfortable working with coding jargon. Here&#8217;s how to remove the menu bar in WordPress through code:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Logging_in_to_Your_Website%E2%80%99s_FTP\"><\/span>Step 1: Logging in to Your Website&#8217;s FTP<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Log in to your website&#8217;s FTP by entering your website&#8217;s FTP credentials, navigating to your WordPress installation folder, and looking for the header.php file.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Editing_the_Headerphp_File\"><\/span>Step 2: Editing the Header.php File<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Open the header.php file in a code editor, look for the navigation code, and delete the entire code, including surrounding tags. Save the changes and upload it back to your website&#8217;s server.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Previewing_Your_Website-3\"><\/span>Step 3: Previewing Your Website<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Preview your website to see the changes, with the top menu bar no longer appearing on your website.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>WordPress continues to be a powerful platform that offers flexibility and customization for website owners. Not everything that comes with WordPress is perfect, but its popularity ensures that we can find additional solutions. Thus, we explored different methods to remove the top menu bar in WordPress, providing an improved user experience for our visitors.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Perplexity and Burstiness in Removing the Top Menu Bar in WordPress It&#8217;s no secret that WordPress is one of the most popular content management systems&hellip;<\/p>\n","protected":false},"author":1,"featured_media":7209,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3287],"tags":[],"jetpack_featured_media_url":"https:\/\/mauricemuteti.info\/wp-content\/uploads\/2023\/03\/WORDPRESS-ULTIMATE-GUIDE-How-To-step-by-step-Tutorial.png","_links":{"self":[{"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/posts\/8651"}],"collection":[{"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/comments?post=8651"}],"version-history":[{"count":0,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/posts\/8651\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/media\/7209"}],"wp:attachment":[{"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/media?parent=8651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/categories?post=8651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/tags?post=8651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}