Quick Tip: Remove the Menu in Twenty Twelve Theme

In this post I will share a quick and simple way to hide menu in the Twenty Twelve Theme for WordPress. It quite simple and will take only 5 minutes. The best part is that we will achieve this without creating a child theme.

Step 1

Install the Simple  Custom Css Plugin from here

This is simple but very useful plugin.  It allows administrators to add custom CSS styles that override Plugin and Theme default styles. 

Step 2

Enter the following CSS Code

#site-navigation {
    display: none;
}

Step 3.

Thats it. The Menu will now be hidden . Here is a Before and After screenshot.

Twenty Twelve Theme with Navigation Menu

Twenty Twelve Theme without Navigation Menu

 

 

Bonus Tip

If you want to hide the navigation menu in the Twenty Thirteen Theme then enter the following code instead. :

#navbar {
    display: none;
}
Did you enjoy this article?
We regularly publish WordPress related Tutorials and Tips on this blog. Signup today and receive free updates straight in your inbox.
I agree to have my personal information transfered to Mad Mimi ( more information )
About Ankit

Founder of SpiceWp. We share useful Wordprss Tips and Tricks.

I have also released 17 Wordpress Plugins till date .

I regularly publish Wordpress related Tutorials and Tips on this blog.
If you like the content then consider subscribing to the blog here.

Comments

  1. Hello, will this hide the side bar widget menu too? I basically just want the menu on the side

    thanks

  2. Thank you–your widget worked like a charm, except for one thing: I wanted to embed 2012 into an existing, non-Wordpress website for its blogging capabilities. The navigation bar disappeared as promised when I was strictly in WordPress, but in pages where I embedded WordPress comments using the Iframe command the navigation bar was still there. I would appreciate your suggestions about how to fix this. Thanks!

Speak Your Mind

*