Twenty Eleven: Remove Menu Bar
-
Hi,
I’m using the Twenty Eleven theme to set up my blog, and don’t like the harshness black menu bar right under my header; I’m planning to use widgets with images to link to blog pages.
How can I remove this menu bar?
Thanks!
CindyThe blog I need help with is: (visible only to logged in users)
-
Make a blank custom menu.
Appearance—>Menus—>Add Menu—>give it a title (Blank Menu for example)
—>Custom Links Module: type in any URL such as http://junk and label it
—>Add custom link to your menu
—>edit your custom link by deleting the dummy URL and deleting the title of the link
—>Save menu
—>Select “Blank Menu” for your primary men
—>Save -
Go to Appearrance>Menus, click the cross to create a menu, give it a name (say, “blank menu”), don’t add anything to it, click Save Menu; select that menu from the pulldown in the Theme Locations module, click Save.
-
-
That did remove the black bar, but the ugly search button is still there:
-
-
-
Try the other “that”.
I’m not sure what you mean — I tried it the way you suggested (blank menu with no items in it, then setting that to the default) but the search bar is still present.
Would appreciate any other suggestions!
Cindy
-
Sorry: Tess’s suggestion and mine weren’t exactly the same so at first I thought they might produce different results while actually they don’t. What we suggested is supposed to produce no top menu at all, hence no searchbox, and that’s what happens in my tests blog.
But now I noticed that your blog title section is missing. Do you have the Custom Design upgrade?
-
I think you are right about the Custom Design upgrade: her search box is dark grey and below the header.
On my test blog: The search box is above the custom header so it stays visible even when the menu is blank. I tried some position absolute code but it displays behind the search box no matter what z-index I tried.
-
-
But now I noticed that your blog title section is missing. Do you have the Custom Design upgrade?
I don’t have a blog title section because I removed the blog title text and only wanted to use a header image. Did the search box relocate from the blog title section to the top menu section?
-
I would have a look, but http://inkstomp.wordpress.com/ is redirecting to http://inkstomp.com/ and my browser cannot find that site.
In general, as I remember, if you hide the site title and tagline, the search box that is typically above the header moves down to the right end of the menu bar. When you then hide the menu by creating a blank menu, the search box goes up into the header.
The only way to remove the search box in the header area is with the custom design upgrade.
-
I would have a look, but http://inkstomp.wordpress.com/ is redirecting to http://inkstomp.com/ and my browser cannot find that site.-
That’s because I purchased the domain name through WordPress and it’s taking some time to be recognized.
I also got the custom design upgrade and will be trying to tinker with the CSS to remove the search box later — any tips on what to do in CSS?
-
-
- The topic ‘Twenty Eleven: Remove Menu Bar’ is closed to new replies.
WordPress.com Forums 