Menubar with the iNove theme
![[the iNove theme]](/images/iNove.png "the iNove theme")
As you know, Menubar adds configurable menus to your WordPress site.
But, what if your theme already features a native menu?
Don’t worry, you can use Menubar to enhance the native menu of a WordPress theme, adding the Menubar configurability to the existing menu.
All you need is a special Menubar template and instructions. The procedure is slightly different for each theme, so in this post we’ll add Menubar configurability to a well known WordPress theme, iNove 1.4.6 by mg12 (see picture), in six easy steps.
1) Install and activate the iNove theme.
2) Install and activate the Menubar plugin.
3) Download and install the ‘inove’ Menubar template.
4) Create a new menu with Name: my-inove and Template: inove without CSS.
5) Open the file wp-content/themes/inove/templates/header.php, locate the lines
<!-- menus START -->
and
<!-- menus END -->
delete the eleven lines in between, and replace them with the call to Menubar.
The final result should be:
<!-- menus START -->
<?php do_action ('wp_menubar', 'my-inove'); ?>
<!-- menus END -->
6) Add a few menu items to your menu, and enjoy your iNove menu with the configurability of Menubar! The first menu item should be a FrontPage type, if you wish to see the little house icon on it. The actual name of the menu my-inove is not important, as long as you use the same menu name in steps 4) and 5).
If you wish to enhance the native menu of your favorite theme with Menubar, please let me know and I’ll try my best to write the special template and instructions for you.
First, great plugin! I’m so happy I stumbled upon it. I’m having an issue with IE though: the menu disappears behind my slideshow. From what I’ve read, it’s a problem that should be solved with z-index. I’m just trying to find the proper way to do it. Any idea? The problem happens here: http://www.jeromeaoustin.com/ Thanks!
Hi Jérôme,
the ‘inove’ Menubar template doesn’t touch the original theme CSS, so I think the problem is in the original theme. If you wish to experiment, try modifying the z-index value in the theme stylesheet (file style.css, about line 49).
Hello Andrea, thanks for your reply. I solved my problem. I had to add the following parameter to the flash object: wmode=”opaque”. It did the trick
Jérôme, thank you for your feedback!
You’re welcome!
Hi,
For example, in menu bar I have “home, bible study”. And then I want to show “OT, NT” when user mouses over on bible study menu. How can I show sub pages?
I am very glad to use inove menubar template but i can not get “pagetree” for menu bar. In menubar appearance, each time the error shows tree is ignored. Documentation is not clear to me.
—–
Bible Study Materials PageTree Page 39 Depth 1 Exclude 26,39,41 Headings 2
Hi Joshua,
the inove Menubar template works only with the iNove WordPress theme. If you are already using the iNove theme and still have issues, I’ll need to take a look at your installation.
Hi Andrea,
I downloaded the menubar template for inove theme. But it only has wpm3.php file. There is no css file or img file.
So my menubar keeps telling me “No Menubar templates were detected in wp-content/plugins/menubar-templates. To complete your installation, please upload at least one Menubar template” even though I have the wp-inove folder in there.
So can you email me the complete template with css file as well.
Hello Fairhaven,
The inove Menubar template doesn’t need a CSS because it uses the iNove theme CSS, in other words it can be used with the iNove theme only.
Please make sure that your plugins folder contains the menubar-templates folder, menubar-templates contains the inove folder, and inove contains wpm3.php. If that doesn’t solve your problem, I’ll need to have a look at your site.
Thanks Andrea, It worked. I think I had the folder wp-inove in their without renaming it. So it wasn’t working. But it works now so thank you.
I was wondering, is there something similar for custom sidebar?
You could try Menubar and the Suckerfish with sf-vertical.css template, it works well in many themes.
Hi,
i have some problems with menubar, I installed all but dosen’t work.
WP Menubar error: Menu ‘my-inove’ not found! Please create a menu named ‘my-inove’ and try again.
You can see my website here: playagain.es
Thank u so much and sorry for my english
Hi Mario,
Did you follow all the steps detailed in this post? You have to create your menu named my-inove in step 4).
Actually the name of the menu is not important, as long as you use the same menu name in steps 4) and 5).
Please let me know!
Buona sera, Andrea!
Mi sembra di capire che tu ti riferisca esclusivamente al sw WordPress.org. È così?
Sto cercando di muovere i primi passi con un sito-blog su WordPress.com (iNove). Ho perso la mattinata tentando di creare un menu (di prova) a tendina, in altre parole come quello che tu hai in questo tuo sito.
Potresti, vorresti dirmi qualcosa a riguardo?
Ciao Marcello,
penso che su wordpress.com non sia possibile installare plugin, perciò per usare Menubar devi avere un sito WordPress tuo. Provaci, non è difficile!
Jérôme:
Where did you modified that code, I have the same problem but in google chrome.
Thanks,
@Jérôme Aoustin