{"id":8637,"date":"2023-03-13T23:24:50","date_gmt":"2023-03-13T23:24:50","guid":{"rendered":"https:\/\/mauricemuteti.info\/?p=8637"},"modified":"2023-03-13T23:24:50","modified_gmt":"2023-03-13T23:24:50","slug":"shocking-tips-to-eliminate-wordpress-menu-bar-like-a-pro","status":"publish","type":"post","link":"https:\/\/mauricemuteti.info\/shocking-tips-to-eliminate-wordpress-menu-bar-like-a-pro\/","title":{"rendered":"&#8220;Shocking Tips to Eliminate WordPress Menu Bar Like a Pro!&#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-67877337c2b70\" 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-67877337c2b70\"><\/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\/shocking-tips-to-eliminate-wordpress-menu-bar-like-a-pro\/#Get_Ready_to_Be_Confused_Removing_the_Menu_Bar_in_WordPress\" title=\"Get Ready to Be Confused: Removing the Menu Bar in WordPress\">Get Ready to Be Confused: Removing the 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\/shocking-tips-to-eliminate-wordpress-menu-bar-like-a-pro\/#Method_1_Using_CSS\" title=\"Method 1: Using CSS\">Method 1: Using CSS<\/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\/shocking-tips-to-eliminate-wordpress-menu-bar-like-a-pro\/#Method_2_Using_a_WordPress_plugin\" title=\"Method 2: Using a WordPress plugin\">Method 2: Using a WordPress plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mauricemuteti.info\/shocking-tips-to-eliminate-wordpress-menu-bar-like-a-pro\/#Method_3_Customizing_the_theme_files\" title=\"Method 3: Customizing the theme files\">Method 3: Customizing the theme files<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mauricemuteti.info\/shocking-tips-to-eliminate-wordpress-menu-bar-like-a-pro\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"Get_Ready_to_Be_Confused_Removing_the_Menu_Bar_in_WordPress\"><\/span>Get Ready to Be Confused: Removing the Menu Bar in WordPress<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Using_CSS\"><\/span>Method 1: Using CSS<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>CSS might make your head spin, but it&#8217;s a great way to remove your menu bar if you want a minimalist vibe. Here&#8217;s how:<\/p>\n<ol>\n<li>Navigate to Appearance > Customize > Additional CSS from the WordPress dashboard.<\/li>\n<li>In the Additional CSS box, add the following code:\n<p><code>#site-navigation {<br \/>display:none;<br \/>}<\/code><\/p>\n<p>This code targets the site navigation element of your WordPress theme which includes the menu bar and sets the display property to none, which hides the element from the page.<\/li>\n<li>Click on the Publish button to save your changes.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Method_2_Using_a_WordPress_plugin\"><\/span>Method 2: Using a WordPress plugin<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If coding isn&#8217;t your thing, you can always turn to WordPress plugins. Here&#8217;s how to remove the menu bar using a plugin:<\/p>\n<ol>\n<li>Install and activate the &#8220;Hide Admin Bar&#8221; plugin from the WordPress repository.<\/li>\n<li>Go to Settings > Hide Admin Bar from the WordPress dashboard.<\/li>\n<li>Check the box next to &#8220;Front End&#8221; to hide the menu bar only on the front end of your website. Alternatively, you can select &#8220;All&#8221; to hide the menu bar on both the front and back ends of your website.<\/li>\n<li>Click on the Save Changes button to save your settings.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Method_3_Customizing_the_theme_files\"><\/span>Method 3: Customizing the theme files<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If you&#8217;re a brave soul who loves to tinker with code directly, you can customize your theme files. It&#8217;s not for the faint of heart, though. Here&#8217;s how:<\/p>\n<ol>\n<li>Navigate to Appearance > Editor from the WordPress dashboard.<\/li>\n<li>Open the header.php file of your WordPress theme.<\/li>\n<li>Locate the code for the menu bar element in the header.php file. This code may differ depending on the theme you&#8217;re using.<\/li>\n<li>Comment out or delete the code that generates the menu bar. For example, if you&#8217;re using the Twenty Twenty-One theme, the menu bar code looks like this:\n<p><code>&lt;nav id=\"site-navigation\" class=\"main-navigation\"&gt;<br \/>  &lt;button class=\"menu-toggle\" aria-controls=\"primary-menu\" aria-expanded=\"false\"&gt;<br \/>    &lt;?php echo esc_html__( 'Primary Menu', 'twentytwentyone' ); ?&gt;<br \/>  &lt;\/button&gt;<br \/>  &lt;?php<br \/>    wp_nav_menu(<br \/>      array(<br \/>        'theme_location' =&gt; 'primary',<br \/>        'menu_id'        =&gt; 'primary-menu',<br \/>      )<br \/>    );<br \/>  ?&gt;<br \/>&lt;\/nav&gt;&lt;!-- #site-navigation --&gt;<\/code><\/p>\n<p>To remove the menu bar, you can comment out or delete the entire code block from &lt;nav&gt; to &lt;\/nav&gt;.<\/li>\n<li>Click on the Update File button to save your changes.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The menu bar is usually a staple feature of a website, but if you&#8217;re looking for a change and want to remove it, there are different methods to do so in WordPress. Choose the method that works best for you and always make a backup of your website before making any changes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Get Ready to Be Confused: Removing the Menu Bar in WordPress Method 1: Using CSS CSS might make your head spin, but it&#8217;s a great&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\/8637"}],"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=8637"}],"version-history":[{"count":0,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/posts\/8637\/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=8637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/categories?post=8637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/tags?post=8637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}