WP Menubar documentation
Posted March 2, 2008
Comments: 338
[Updated January 31, 2010]
Menubar is a WordPress menu plugin that adds one or more configurable menus to your WordPress site. With Menubar you can create both single and multi-level menus, and you can style them with customizable menu templates.
This page contains the updated documentation for WordPress Menubar 4.6.
Contents
- Requirements
- Features
- Upgrading procedure
- First installation procedure
- Create your menus
- Configure your menus
- Menubar templates
Requirements
1) Menubar requires Wordpress 2.6 or higher.
2) Your theme must include a call to the wp_head() function. Usually this call is made in the header.php file, right before the </head> line. If your theme doesn’t include a call to wp_head(), you should add it yourself, otherwise you’ll get an error like this:
WP Menubar error: Function wpm_display_Suckerfish() not found!
[back to Contents]
Features
With WordPress Menubar:
* you can build fully customized single or multi-level menus with the homepage, the frontpage, categories, category trees, static pages, page trees, tag archives, single posts, a search box, and external URLs; the currently selected menu item is dynamically highlighted, but you can disable this feature if you don’t like it;
* you can add, edit and delete menus and menu items in an easy to use administration panel, which blends nicely with the existing WordPress administration panels;
* you can specify where to place each menu by inserting in your theme a short line of PHP code; you can also use the included Menubar widget to place a menu in a sidebar or widget-ready area of your theme (only with WordPress 2.8 or higher);
* you can choose one of the available menu templates to style each menu, and you can modify or rewrite the menu templates as you like; the automatic plugin updates won’t overwrite your customizations;
* if you deactivate the plugin your menus will disappear, and if you reactivate the plugin your menus will reappear unchanged.
[back to Contents]
Upgrading procedure
Case 1
If you are upgrading to Menubar 4.6 from Menubar 3.1 or higher:
a) From the Plugins administration panel, deactivate the old Menubar version;
b) Delete the menubar folder in wp-content/plugins;
c) Download the plugin archive from the WordPress Plugin Directory and unzip it, then upload the resulting menubar folder with all its contents to wp-content/plugins;
d) From the Plugins administration panel, activate Menubar 4.6.
These are the same steps performed by the automatic upgrade procedure, so you can simply run the automatic upgrade. In both cases, all your template customizations won’t be affected.
Case 2
If you are upgrading to Menubar 4.6 from Menubar 3.0:
a) Create a new folder named menubar-templates under wp-content/plugins;
b) Move the Basic and Suckerfish folders with all their contents from wp-content/plugins/menubar to wp-content/plugins/menubar-templates; do the same for all the other Menubar templates you have installed;
c) From the Plugins administration panel, deactivate the old Menubar version;
d) Delete the menubar folder in wp-content/plugins;
e) Download the plugin archive from the WordPress Plugin Directory and unzip it, then upload the resulting menubar folder with all its contents to wp-content/plugins;
f) From the Plugins administration panel, activate Menubar 4.6.
Steps c) through f) are the same steps performed by the automatic upgrade procedure, so you could just do steps a) and b), and then run the automatic upgrade.
Case 3
If you are upgrading from Menubar version 1.x or 2.x, just delete the menubar folder in wp-content/plugins, and perform a first installation procedure of the new Menubar version. Please note that menus built with Menubar version 1.x or 2.x will be lost in the upgrade to Menubar 4.x.
[back to Contents]
First installation procedure
To install Menubar 4.6 for the first time:
a) Download the plugin archive from the WordPress Plugin Directory and unzip it, then upload the resulting menubar folder with all its contents to wp-content/plugins;
b) From the Plugins administration panel, activate Menubar 4.6;
c) From the Appearance administration panel you can now access the new Menubar sub-panel.
Steps a) and b) are the same steps performed by the automatic install procedure, so you can simply run the automatic install. In both cases, before using Menubar, you’ll have to:
d) Create a new folder named menubar-templates under wp-content/plugins;
e) Install one or more Menubar templates, at least Suckerfish (see Menubar templates).
Now you can create your first menu (see next section).
[back to Contents]
Create your menus
From the Appearance – Menubar administration panel you can create, edit, and delete menus. Menus are specified with the following fields:
* Name: the name of your menu; will be used to insert the menu in your theme.
* Template: the Menubar template and the stylesheet you wish to apply to this menu. You can also choose to apply a template without a stylesheet, and in this case you’ll have to provide your own CSS rules, e.g. in your theme style.css file. Please note that not all Menubar templates support multi-level menus.
Important: edit your theme inserting the following line of code where you wish to display your menu. If your menu name is mymenu, the line of code to insert in your theme is:
<?php do_action('wp_menubar','mymenu'); ?>
A good starting place to insert the above line of code could be at the end of the header.php file.
Another way to integrate your menu in your theme is to use the included Menubar widget, which allows you to add a menu in a sidebar or widget-ready area of your theme (only with WordPress 2.8 or higher).
Before looking at your new menu, please add at least one menu item (see next section).
[back to Contents]
Configure your menus
From the Appearance – Menubar administration panel you can add, edit, and delete menu items for each of your menus. Menu items are specified with the following fields:
* Order: indicates where this menu item will be placed. Choices are:
- Before…: this item will be placed right before the item you select.
- Child of…: this item will be placed as a sub-item of the item you select; please note that to display a multi-level menu you’ll need a multi-level Menubar template like Suckerfish.
- After…: this item will be placed right after the item you select.
You can later modify the ordering of your menu items using the Edit command or the up and down arrows in the menu items list.
* Name: specifies the name of this menu item as shown in the menu; for instance Home, About, News, Gallery, and so on.
* Type: specifies the menu item type. Each type may require additional fields, as shown below:
- type Home: this menu item points to your main blog page (the latest post list).
- type FrontPage: this menu item points to your static front page, if configured in WordPress Settings – Reading, otherwise it’s the same as Home.
- type Heading: this menu item is non clickable, and could be used in a multi-level menu as the parent of a set of sub-items.
- type Tag: this menu item points to the tag archive specified in the Tag field.
- type TagList: this menu item generates a menu sub-item for each tag archive, excluding the tags specified in the Exclude field. Please note that, while it’s possible to add sub-items to a TagList item, they will be ignored and won’t be displayed on your site!
- type Category: this menu item points to the category archive specified in the Category field.
- type CategoryTree: this menu item points to the category archive specified in the Category field, and automatically generates a menu sub-item for each sub-category, up to the level specified in the Depth field. Please note that, while it’s possible to add sub-items to a CategoryTree item, they will be ignored and won’t be displayed on your site!
- type Page: this menu item points to the static page specified in the Page field.
- type PageTree: this menu item points to the static page specified in the Page field, and automatically generates a menu sub-item for each sub-page, up to the level specified in the Depth field. Please note that, while it’s possible to add sub-items to a PageTree item, they will be ignored and won’t be displayed on your site!
- type Post: this menu item points to the single post page whose post ID is specified in the Post ID field.
- type SearchBox: this menu item displays a search box with an optional submit button whose text is specified in the Button field.
- type External: this menu item points to the URL specified in the URL field.
- type Custom: this menu item displays what’s specified in the HTML field – for experts only!
For each menu item you can also specify two optional fields:
* CSS class: the optional CSS class you wish to apply to this menu item (useful for customizations, see later); multiple classes can be entered, separated by spaces.
* Attributes: the optional HTML attributes you wish to apply to your menu item (e.g. target=”_blank”, or title=”click me!”); multiple attributes can be entered, separated by spaces.
[back to Contents]
Menubar templates
Menus built with Menubar are styled using Menubar templates.
A Menubar template is a folder inside the wp-content/plugins/menubar-templates folder. Each template folder contains a PHP script named wpm3.php, one or more stylesheets, and possibly a few images.
To install a Menubar template:
a) Download the template archive from the Download page and unzip it;
b) Upload the resulting folder with all its contents to wp-content/plugins/menubar-templates.
To apply a Menubar template to one of your Menubar menus:
1) From the Appearance – Menubar administration panel select the menu to be styled, and click Edit Menu;
2) Select the template and the stylesheet to apply, and click Update Menu. Done!
To customize a Menubar template you can edit the CSS rules contained in one of the stylesheets of that template. As already mentioned, you can also apply different CSS classes to individual menu items in order to better control the presentation of your menus.
[back to Contents]
Conclusions
I hope you like Menubar. If you have suggestions for improvement, if you need some help, or if something is not working for you as expected, just write me a comment (please be patient if I can’t answer immediately).
Happy menus, with the WordPress Menubar Plugin!
Hi and thanks for the plugin. The installation was successful until step d – I inserted the code at the end of header.php but the menu has not appeared on the site. I have tried placing it elsewhere in header.php but with no success. I am not a programmer so am stuck. Any ideas please?
Hi Matt,
please make sure you use the right menu name. For instance, if you created a menu named “firstmenu” you have to insert the line:
<?php do_action(‘wp_menubar’,'firstmenu’); ?>
Hi,
This is nice to see !
This was working before on WPMU, the problem is that the table is not created during the activation.
Everything seems to be OK for the creation, prefix and so on too.
What could be wrong ?
Hi Matts,
the table creation code has not changed at all, only the table structure has changed. This weekend I’m going to download WPMU and test the plugin activation. Thank you for reporting the problem, I’ll let you know my findings!
Hi andrea,
for the rest it works OK… I think I can find it.
OK, I got it to work first try now how do it configure it to be a vertical menu?
CATEGORY1–> sub cat 1
–> sub cat 2
–> sub cat 3
CATEGORY2
CATEGORY3–> sub cat 1
–> sub cat 2
Thank you,
Tim
Hi Tim,
I’m completing a vertical menu template, I’ll let you know when it’s ready!
Hi
thanks for your work, I’ve been using menubar for a year and I was really looking forward to a sub-menu feature
a couple of remarks:
-> the zip file I downloaded was missing the wpm.php file in the suckerfish sub-directory.
-> after the installation, and without adding any template, I get the following error message :
Warning: include(/wpm.php) [function.include]: failed to open stream: No such file or directory in (sitename)/wp-content/plugins/menubar/wpm-main.php on line 150
I suggest to modify the lines 149-150 as follow:
BEFORE :
elseif (file_exists (“$root/$template/$wpm_options->php_file”))
include (“$template/$wpm_options->php_file”);
AFTER :
elseif (file_exists (“$root/$template/$wpm_options->php_file”))
include (“$root/$template/$wpm_options->php_file”);
best regards,
Roland
Hi Roland,
thanks for your comment, I’m going to look into the problem you’re reporting.
Regarding Suckerfish, the Suckerfish folder doesn’t contain wpm.php because Suckerfish uses the default wpm.php in the menubar folder. This way, many templates could possibly share the same wpm.php without duplicating it.
Thank you for using Menubar!
Hi,
Are there problems with WP 2.5 that anyone knows about ?
My menu’s are shown, but all as static and versions.
Hello,
Looks like your plugin is exactly what I want it to do, except that I’m running into problems the moment I add more than one menu.
Using it on 2.5.1. If I put two menus, the second instance loads an error message:
Fatal error: Cannot redeclare wpm_display_list() (previously declared in F:\xampp\htdocs\myusername\wp-content\plugins\menubar\wpm3.php:33) in F:\xampp\htdocs\myusername\wp-content\plugins\menubar\wpm3.php on line 144
Any assistance would be GREATLY appreciated.
Thanks
Hello Sean,
I’m going to release a beta 5 version to fix this problem, thank you for reporting it!
grazie mille Andrea
Hi,
It seems that the 2.2 menu’s are also not recognized in the dropdown menu of 3.0 ?
I’m quite lost because I had this working before on an older WP.
What can be wrong ?
I also see that the menu does not work (anymore) in IE6.
Hi Mattz,
I wasn’t able to maintain compatibility between 2.2 and 3.0 templates, so I had to make 2.2 and 3.0 recognize only their specific templates.
No change for IE6 instead, if JavaScript is enabled IE6 should work as usual. Please try again with a clean WP Menubar install – and thanks for reporting your findings!
Hello Andrea, I have a request
Would it be possible to build an option for no template at all? I’m having to hack your plugin because I don’t want to use any of the templates provided, I just want the menu loaded in lists and I’m adding my own styling in my theme’s css.
Thanks
Hello Sean,
an easy way is to replace the wpm3.css file with an empty file (or delete every line inside wpm3.css) and then add your CSS in your theme style.css.
Should work fine!
Yes, but then the plugin still calls the file through the theme’s head. It’s extra clutter that is unecessary
I’m just nitpicking, of course. It just would be a nice addition/option to add with your next release. Not mission critical by any stretch of the imagination 
Thanks again for a wonderful plugin
Hi Sean,
I see your point, and your suggestion is already in my to-do list. Thank you for using Menubar, and for contributing your ideas!
Hello Andrea,
Great plug-in! Works wonderful! I was wondering if there is an easy way to change the menu layout from horizontal to vertical? I’m using allot of pages so I need to go vertical with my menu… I’ve tried editing the CSS file, it keeps returning an error: “fault in php file line 167”
Any ideas?
Rik
Hello Rik,
I am working on a vertical template, but it’s not usable yet. I’ll let you know as soon as it’s ready!
Thanks in advance!
Do you have the vertical menu working yet for Suckerfish?
Thanks,
Rita
Fatal error: Call to undefined function: wp_reset_vars()in wordpress/wp-content/plugins/menubar/wpm-admin.php on line 239
activated menubar (both version 2 and now trying 3)but now get error message above when I try to manage the menubar in wordpress – any ideas for a numbskull?
Hello Rita,
the vertical template has a few remaining bugs, but I could release it as a beta in the next few days. Thanks for your patience!
Hello Charlie,
the wp_reset_vars() function was introduced in WordPress 2.1. Are you using an earlier WordPress version? Please let me know!
Hello-
My employer is asking when the fix will be available. Do you have an ETA so I can let them know.
Thanks,
Rita
Hello Tim, Rik and Rita,
I’ve sent you a modified wpm3.css file to replace the original in the wp-content/plugins/menubar/Suckerfish folder. This way you’ll get a Suckerfish
style vertical menu. This is only a beta version, because it doesn’t work well
in all places, e.g. it doesn’t work in the sidebar of the default theme, but it
could work in your site. Please let me know!
Hi Andrea,
Many thanks for your plugin and all answers.
I tried to install menubar3, following instructions and post informations, and I couldn’t obtain “menubar” in the manage panel. SQL tables are created and seem correct.
Any hint ?
Thanks
Sorry to bother… It works… I mistranslated Manage Panel with… Manage Panel…
Once more, thank you for that plugin
Hi Georges,
I’m glad it’s working now, hope you’ll find this plugin useful!
We’re using PageTree. However, there is one page within that that we do not want displayed. Is there a meta-tag to achieve this?
Hi James,
the PageTree type uses the WordPress wp_list_pages() function, see wpm3.php at about line 112. If you edit that line, you can control the displayed list, e.g.
$list = wp_list_pages (‘exclude=17,38&echo=0&title_li=&child_of=’.$item->selection);
will exclude both page 17 and 38 from your list.
Hmm the exclusion pages really needs to be dynamic. No way non-coders are going to edit a plugin’s code because they’ve added a page to form a redirect to a new page for example…
Perhaps menubar can do a search for page ids with ,say, menubar_exclude meta key set and feed that into wp_list_pages?
Nice suggestion, added to my to-do list.
Of course you can also build manually your page tree, one page at a time, however it’s not convenient for a large number of pages.
Thanks for your feedback!
Hi, I am testing version 3 beta6 and have this error:
Fatal error: Call to undefined function wpm_display_SummerFruit() in /var/www/test/wordpress/wp-content/plugins/menubar/wpm-main.php on line 167
I guess the idea is to call a particular theme function then display HTML code. Unfortunately, there is no wpm_display_xxxx function.
Hi Kenpeter,
please visit the Manage Menubar admin panel, select Edit Menu, select Template: Suckerfish and click Update Menu. That should fix your problem!
SummerFruit is a template for version 2.x, and doesn’t work with version 3.0.
Hi:
I realized that template SummberFruit is for 2.x only afterward. I got the same error after switching to suckerfish()
Call to undefined function wpm_display_Suckerfish() in /var/www/test/wordpress/wp-content/plugins/menubar/wpm-main.php on line 167
My current hack is:
At line 167, I put
$theme_path = $root. “/”. $template. “/”. “wpm3.php”;
require_once($theme_path);
$function ($menu);
Hi Kenpeter,
does your theme include a call to wp_head() in header.php? I have also updated the Requirements section in WP Menubar 3 documentation to clarify this point.
Sorry I didn’t realize this earlier!
Yes, you are right. Thank you for the documentation update.
After I redefine the URL to permalink. I encountered a problem. If I define the child and parent relationshp in menu bar 3 backend, the menu bar won’t produce sub “ul” & sub “li”. I guess because menu bar is using “wp_list_pages (‘echo=0&title_li=&child_of=’.$item->selection); in wpm3.php”, so I need to do a bit extra work to assign relationship on the wordpress page backend. I did it and it WORKS.
I did a test, by installing fresh wordpress and menu bar 3. It works without assigning relationship in wordpress page backend.
I don’t fully read the documentation, but from what my understanding of the code. The problem is if menu item is “Page” type, I can add sub menu to it correct. (Menu bar 3 modifies table wp_menubar3). If the menu item is “PageTree” type, I need to modify tables other than wp_menubar3, since the wpm is using wp_list_pages (’echo=0&title_li=&child_of=’.$item->selection) to get a list of children.
Hi there,
I was wondering if there is any chance of your creating a customizable Suckerfish template that would use the technique described in this article http://www.cssmenubuilder.com/blog/2008/09/29/wordpress-menu-integration-tutorial-using-menus-generated-from-css-menu-builder/
This technique has the advantage that you can customize the look of the menu bar by simply editing a single png file, with no css editing at all. It would also be interesting if you could expand this technique in the Suckerfish template to use two different images, one for the menu bar and another for the menu items.
Unfortunately, this level of CSS and PHP editing is beyond my capabilities, or I would create the template myself.
Thanks.
To Kenpeter:
yes, that’s how Page and PageTree operate. In other words, Page builds a single menu item and, if you need a tree, you have to build it yourself one item at a time; while PageTree builds a complete tree, using wp_list_pages(), and of course wp_list_pages() depends on WordPress configuration. The WordPress plugin Exclude Pages could be helpful here. By the way, if you add sub-items to a PageTree or CategoryTree item, they are silently ignored by Menubar. I should make this more clear in the doc …
To Loizos:
your suggestion is a good one and I’ll try to implement it. Currently I’m preparing the next Menubar version, and after its release I’ll look into the CSS menu builder. Thanks!
Thanks andrea. I did a little more research, and this technique is called the “CSS sliding doors effect”. Here are two articles that explain it in depth:
1. http://woork.blogspot.com/2008/07/navigation-bar-with-tabs-using-css.html
2. http://kailoon.com/css-sliding-door-using-only-1-image/
These articles cover only the use of the effect in a simple menu bar, but I think it could easily be implemented in a drop-down menu as well. All it would require is two different CSS classes, one for the menu bar background and one for the menu backgrounds.
The trick would be adding these CSS classes to the PHP-generated menu list. I don’t know PHP, so this is where I’m stuck, although I think I’ll take a look at the Suckerfish template PHP code and see if it can decipher it.
I’m having two issues:
1: Category links will only point to mydomain.com/category/. Regardless of what I enter into the “category ID” field. I know with certainty my category ids and links. I tried entering the URL of my categories as an external URL, but unfortunately this disables the “current category” function!
2: How can I specify a fixed width for my menu’s links? My links vary in size from 2 characters all the way up to 10, and having a small box for my 2-character link just doesn’t cut it for me.
Would really appreciate some input on this! Otherwise, I think your plugin is amazing. I was able to edit the CSS for my text, highlighting, and current menu options. The only drawback I have are the two issues I just mentioned.
Thanks for creating a great plugin!
Hello David,
I’ve received your comment, and I’ll need a few days to look into these problems. I’ll be back to you asap!
I want to like this plugin, but I can’t get nesting to work.
I have a page called Parent.
I have a page called Child1 and Child2.
Child1 and Child2 are BOTH set to be sub-pages for Parent.
I can see the normal wordpress page plugin show them as sub-pages.
However, whenever I create a menu called ‘main’.
I add a menu item ‘Test’ that is top level, type is page tree, and it points to Parent.
When I view the page, there are no sub menu items. When viewing the source, all that is there is:
<a href=”http://localhost/wordpress/?page_id=7″ >Test</a>
There is no list. I put in some debug and the problem code is:
sprintf ($li, $class, ” $href $item->attributes”, $name, $ulist);
$ulist is the actual list, but for whatever reason sprintf just returns back the above link.
What in the world am I doing wrong? This all seems so simple, but it just isn’t working…
Hello Michael,
are you using the Suckerfish template? The nested menu levels show up with the Suckerfish template only, if you select a different template you’ll just get the first level items.
That was it.
As a suggestion, could you add that to the docs where you talk about nesting?
Thanks, and great plugin!
Michael
Michael,
thanks for your suggestion, I’ve added a note to Template and to Parent about nested menus.
Hi Andrea,
Hope all is well with you. We’ve been using your 2.3 successfully for a while and thank you for all your help so far.
I’ve got a test site which now has WP 2.7.1 and Menubar 3.0 on it.. but I cant seem to get the sub-categories to show
I’ve selected “CategoryTree: a category page, with subcategories” and I can see the appropriate category has sub categories. I then select “Suckerfish with sf-blue.css” .. but the sub menus dont appear.. I cant understand what Im doing wrong or how to make the sub menus appear..
I read Michaels and your comments above and rechecked .. but cant see an issue.
Any help, gratefully appreciated as always
Thanks and regards
Kash
Hello Kash,
are your subcategories empty? If so, WordPress doesn’t show empty categories. If not, I need a link to your test site to look at the problem. Please let me know!
Andrea,
Version 3.0 fixes the bug which left my top level navigation appear deselected when a user was on a sublevel. This happened when I used the ‘CategoryTree’ type under the ‘Add Menu Item’.
Thank you so much for eliminating that bug! Your plugin now works flawlessly. Kudos.
Regards,
Mesonto
Hi Andrea thanks for the plugin. This is the first one I have been able to get working because I am brand new to Wordpress and just learning. Your instructions were great and I was able to even edit the style sheet, thanks!
One thing I cannot figure out is this. mywebsite.com use to be an html page, but when I installed Wordpress the blog now shows as the mywebsite.com page even though it is really mywebsite.com/blog
I really don’t understand this stuff but I see when I come in the site on mywebsite.com the menu bar does not show, but when I come in on mywebsite.com/blog it does show. Can you or anyone else tell me why please. Thanks for any assistance
p.s. sorry I had a brain cramp and did not add right the first time I tried to submit..LOL
Mesonto: thank you for your kind words, I’m glad you find Menubar useful!
Steve: I see that now your site displays the menu at site.com and at site.com/blog too. If you wish to remove the WordPress access from site.com, probably you should delete (or rename) the index.php file in the main site folder, leaving the /blog folder untouched.
Hi! Just installed v3. Nice upgrade. Thanks!
A question: the sub pages all display BEHIND the content, although the top level menu items display correctly. How do I get the subsections to drop down, IN FRONT of the Content?
Thanks
Hi Sebastian,
please send me a link to the page displaying the problem – that would help me investigate the issue. Thank you!
Hi,
the project I’m working on needs different backgrounds for every main-link. And since IE6 doesn’t understand multiple classes, I did a small change in the wpm-menu.php, so that id’s would be used instead of classes. The class itself I need for the active state of the link.
go to line 13 and add the second line from the following:
$selected = $item->cssclass? ” id=\”$item->cssclass\”" . ” class=\”$item->cssclass active selected\”": ” class=\”active selected\”";
I hope this can help anybody
Hi Tom,
I’ll add your patch to the next Menubar release, thanks for your contribution!
Hi Andrea,
Sorry for the late reply regarding sub-categories not appearing – its all fixed now.
Works beautifully
Keep up the fantastic work.
All the best,
Kash
Hi Andrea,
This is exactly the plug-in that I’ve been looking for. I installed 3.0 (not an upgrade) and unfortunately I’m having some problems with the dropdown menu. I am using the Atahualpa theme.
I can get the Suckerfish blue theme to work, but not the other themes. (I prefer the Basic Red.) Can you either help me get the Basic Red working, or instruct me on how to change the coding for Suckerfish from blue to red?
Thanks for your help,
Carol
Hi Carol,
it’s fairly simple to change the colors in the Suckerfish template. Just open the file
wp-content/plugins/menubar/Suckerfish/sf-blue.css
with a text editor, e.g. notepad, and replace each color code:
#1874CD with #990000 (the background color)
#1C86EE with #CC0000 (the active color)
#2EB0FF with #FFFFFF (the top and left border color)
#104E8B with #660000 (the right and bottom border color)
You should replace every occurrence of the old color code with the corresponding new color code.
Save the file, and enjoy you red Suckerfish menu!
Hi Andrea,
Is it possible to get the Suckerfish template centered instead of starting on the left?
Thanks, Wessel
I’m using the suckerfish w/ blue css.
Is it possible to eliminate the dead space? I have a solid blue line going across my screen, and I would like the menu to just “stop” once it displays all of the categories, instead of having the menu continue across the screen.
thx!
A second issue is that the text in my menu is that my active link’s text goes down a few pixels. How can I sort get all of the text to align properly?
Wessel: you could try adjusting the left margin, like this:
.sf-blue ul {
…
margin: 0 0 0 50px;
…
}
David: you could remove the background, like this:
.sf-blue {
…
background: #1874CD;…
}
For your second question I’m in the dark, sorry … do you see the same problem with the original CSS too?
Hi Andrea,
I am unable to add submenus/drop down. what should I do? I guess I added correctly in the parent section..
You can see this menu completed so far in the bottom of my website..
Hi Danny,
not every template supports multi-level menus, and right now only Suckerfish does. You could use Suckerfish as a starting point, then modify the CSS to adapt it to your site.
Thanks Andrea,
This manual center method is good enough for me
.
Goodnight,
Wessel
Suckerfish worked Andrea.. it looks great.. thanks a ton..
Andrea,
The menu works fine and its looking real cool. But in IE its showing an error. Firefox no error message. Can you please check my website and tell me why?
Hi Danny,
I can’t see an error message in IE right now, but I know that debugging IE is always a nightmare. I noticed that at the moment your home page doesn’t validate, could that be part of the problem?
Andrea,
Could you please inform me what has changed in v3.1 from v3.0?
Regards,
Mesonto
Hi Mesonto,
sorry I posted the changelog info only on wordpress.org and only today I posted it also on this site.
The only change is the location of the template folders, so your template customizations won’t be overwritten by the next automatic upgrade procedure.
This last time the automatic upgrade procedure *will* overwrite the template folders so, before upgrading, you have to create a new menubar-templates folder in wp-content/plugins and move the template folders (Basic, Suckerfish and others if any) from wp-content/plugins/menubar to
wp-content/plugins/menubar-templates.
As usual, you’ll find all the details in WP Menubar 3 documentation or in the WordPress Plugin Directory.
Andrea,
Thank you for the clarification I knew that was happening but I didn’t know if there were other changes as well.
Regards,
Mesonto
Is it possible to allow users to switch menus? I’m designing a website that caters to multilingual users. I have designed 3 separate menubars and would like to offer users a way to select one that caters to their language needs.
Thanks again! Love love love this plugin.
Hello David,
you could use the same solution I’m using in this site. When you click on English or Italiano under SELECT LANGUAGE, a custom PHP code in header.php calls the English or Italian menu. You’ll need to store the preference in a cookie too, otherwise the menu will revert to its default state on the next page.
Another possibility is to use a multilingual plugin. Menubar is compatible with qTranslate, and possibly with other multilingual plugins. Hope this helps!
Andrea
Thanks for the plugin. It works fine but there seems to be a problem in the ordering of submenus.
As per my testing, the order indicated in the tool is respected only when the head of the submenu is of type “Heading”. When it is a “PageTree” type, the submenu items are displayed in alphabetic order and ignore the order indicated.
I’m using the Suckerfish sf-blue.
Regards
JC
Hello JC,
the PageTree and the CategoryTree types are generated in wpm-menu.php by the WordPress functions wp_list_pages() and wp_list_categories() respectively.
At the moment the only way to change the page tree or category tree order is to modify the function calls inside wpm-menu.php.
Another way could be to build the submenus one item at a time, it’s more time consuming but definitely simpler.
Hello Andrea,
I find a different way to manage it.
1) Go to Appearance / Widgets / Contents: Setup “Sort by:” to “Page Order”. (By default it is “Alphabetic”)
2) Go to each page and assign an order using the “Order” field. Be sure to not duplicate numbers.
And now works in the order assigned on each page. It ignores, of course, the order assigned in the menubar tool.
I still think it would be better that it respects the order in the menubar tool, instead of the generic Pages widget.
Thanks!
JC
Hello JC,
that’s a clever way to reorder your Page Tree! With your permission, I’d like to put your suggestion in a post by itself, to better share it with all our readers. I’ll add a link to your site, if you wish to send me the address. Thank you!
Hey Andrea,
really great plugin. Thanks for that!
I have a little suggestion as I THOUGHT I have an IE6 bug. I used spaces while naming my first menu. As IE6 didn’t show me any submenu I realized that this name is used as an ID in the JavaScript. I got rid of the spaces and everything worked smoothly. I would suggest to either list the characters that can be used or replace space with underscore.
Sorry to not provide you with the code as my PHP is really crappy …
Cheers and thanks again!
Hey Andrea
I’m trying to upgrade from 2.2 to 3.2.
Unfortunately I’m not very good at php!
I can’t remember how I managed to get 2.2 to do this -
http://www.streetsweeper.net.au/menubar2.2.png
When 3.2 does this-
http://www.streetsweeper.net.au/menubar3.2.png
Not the colours, just the vertical position of the menu!
Can you help?
Thanks, Toby
Andrea,
I am getting this “WP Menubar error: Folder wp-content/plugins/menubar-templates is empty!” error.
The folder is there and so are the files inside. Why is this? Could you please explain?
Andrea…
Somehow it is all good now! Thanks anyway.
Albert: Thank you for the bug report, I’ll fix that asap with the next version!
Toby: Sorry I just saw the latest messages, I’m glad the problem went away!
Gautham: I’ll need your help to understand that problem, could you please send me names and permissions of all the files in the menubar-templates folder? Thank you!
I’m looking for something to add a menubar for wordpress and I found your plugin.
I have been wondering about it, so thanks for writing. I’ll certainly be subscribing to your posts.
Dear Andrea
I found an even easier way to make this work as I want. Instead of declaring the page on the top level as PageTree, I have declared it as Page. Now the child pages obey the order specfied in the Menubar admin screen.
Sorry for not posting yet my URL, it is in the works now
. As soon as I have it complete, I will take your word on it.
Great plugin!
Now I’m trying to figure out how to extend the width of a menu
… having a lot of fun researching.
Thanks
JC
Dear Andrea
It was simpler than I thought.
Just changed the width values and voila, works perfect. This plugin is well organized and easy to understand.
In the future, I’d like to try using the CSS Class for the Menu item, so I can add for example a “New!” label next to a menu item recently posted. Here I have some question:
1) Where do I include the CSS code for the Menu item? Is it in the sf-blue.css? At the end of it?
2) Does this CSS overwrites what was originally in the sf-blue.css or extends it? Do you have any examples?
Thanks again!
JC
Hello JC,
the CSS class field just adds the specified class (or classes) to the existing ones for that menu item.
Then you have to add a rule to the template CSS file (e.g. to sf-blue.css) to style that new class and give that menu item a different look.
Andrea,
.
Would you kindly please e-mail me?
I want to send you something I have been working on. It is related to the menubar plugin. I think you’ll like it
Regards
JC
here is the list of files and their permissions
b-blue.css 644
b-green.css 644
b-red.css 644
green.gif 644
sf-blue.css 644
sf-grey.css 644
sf-grey.png 644
sf-vertical.css 644
shadow.png 644
suckerfish.php 666
template.php 644
and the menubar-templates folder is 755
Thank you in advance andrea
Hello Gautham,
the menubar-templates folder structure should be like this:
menubar-templates (main folder)
- Basic (folder inside menubar-templates)
- – wpm3.php (file inside Basic)
- – b-blue.css (file inside Basic)
- – b-green.css (file inside Basic)
- – b-red.css (file inside Basic)
- – green.gif (file inside Basic)
- Suckerfish (folder inside menubar-templates)
- – wpm3.php (file inside Suckerfish)
- – sf-blue.css (file inside Suckerfish)
…
and so on. If your structure is different, just empty the menubar-templates folder and upload the Basic and Suckerfish folders again. Please let me know if that works!
Dear andrea,
Now it shows the templates.
Sorry for the trouble. Just another newbie
Thank you, andrea
Hello Gautham,
don’t worry, now I’m glad the problem is solved so you can enjoy your Menubar!
Hi,
Just wanted to say thank you for this great pug-in, I use it on many websites that I build.
Keep up the good work,
Daniel
Thank you Daniel!
Andrea, as promised, I’m sharing my website details as it is live now: http://www.thesmalltrader.com
It proudly uses the menubar with the redirect technique.
Thanks!
Works great, thank you
JC: nice site, I’ve bookmarked it!
baron: thank you!
Andrea,
I am using the SuckerFish menu template. I noted that the links in the menubar were loaded for first time, and not clicked yet, they appeared with a different style, hard to read. This is in IE7.
I researched a little and added in the sf-blue.css file the ‘link’ modifier to the anchor style, and now it shows properly the links since the first load.
The change looks like this:
`.sf-blue a,
.sf-blue a:link, /* added this */
.sf-blue a:visited,
.sf-blue a:hover {
font-size: 12px;
font-weight: bold;
float: left;
color: white;
text-decoration: none;
display: block;
height: 26px;
line-height: 26px;
padding: 0 15px;
overflow: hidden;
}
.sf-blue li li a,
.sf-blue li li a:link, /* added this */
.sf-blue li li a:visited,
.sf-blue li li a:hover {
padding: 0;
text-indent: 15px;
width: 177px;
}`
Maybe this helps someone.
Regards
JC
Hello JC,
I’ll add this update to the Menubar Suckerfish CSS, thank you!
Hello,
Thanks for creating this useful plugin. I was just wondering how to specify the width of the menu bar? The menu bar is stretching across the whole page.
Thanks -Bill
Hello Bill,
you can customize the template CSS file.
For instance, if you are using Suckerfish with sf-blue.css, you can edit sf-blue.css in wp-content/plugins/menubar-templates/Suckerfish and add the width property to the .sf-blue selector:
.sf-blue {
…
width: 700px;
…
}
dear andrea, great plugin !
is it possible for the user role ‘editor’ to use the plugin and edit the menu-items ?
Hello Rafael,
that’s possible with a minor code patch.
Open wpm-main.php in wp-content/plugins/menubar and find the call to the add_management_page function. Then replace the third parameter (it’s the number 8 now) with the role (e.g. ‘editor’) or the capability (e.g. ‘read’) for which you wish to enable the Menubar settings page.
Save the file, and that’s all!
thanks, that would be great andrea
as for now, i solved my issue changing the user level of ‘editor’ with the ‘role manager’-plugin.
Hi Andrea,
is it possible to change the active state from to ? Maybe there is a quick solution, you can tell me?
Would be much more comfortable.
Thank you for this great plugin
Hi Tom,
as you can see WordPress ate up your HTML. Could you please email me, or try using the square brackets ([ ]) instead of the angle ones (<>) ?
Hey,
ok, here again
is it possible to change the active state from [li] to [a]?
Tom,
just open wp-content/plugins/menubar-templates/Suckerfish/wpm3.php
at line 14 and modify the last argument of the wp_menu call, from
“<li%s><a%s>%s</a>%s</li>\n”to
“<li><a%s%s>%s</a>%s</li>\n”
Now the active class will be on the <a> tag, so you’ll need to adjust your CSS accordingly.
Thank you for a wonderful plug-in!
I was previously using ‘another’ well known suckerfish plug-in which proved buggy and unreliable.
Yours was quick to install and set up and easy to customise for style and cross browser compatibility.
Top marks! Many thanks
Joe
hi i am using this menu bar and as this menu bar is showing the sub menus i want to show another color for the sub menus
please help ……..
Thank you Joe, I hope to continue deserving your appreciation also with the coming Menubar releases!
Hello Nonu,
I’m working on a CSS like that, but it’s not ready yet. I’ll publish it as soon as it works!
None of your template download links work. You’re outputting something b4 your sendfile.
And your comment posting page shows the same header output errors for Ajax.
Hello Datashaman,
was it a temporary glitch or are you still having problems? Please let me know, I think the download page is working now.
Hello Andrea.
Great plugin!
This may be a question about templates, not sure:
I actually like the default structure of the regular WordPress widget ‘Pages’ list, including the fact that it shows child pages without having to hover. However, I need menubar because it offers so much more functionality for including non-page items such as posts, external links, etc. And of course, menubar is much more user friendly for populating and ordering the menu.
Would achieving this kind of ‘hybrid’ be simply a matter of using a menubar template that mimics the look of the wp pages widget? Or would there be more involved in order to show the child pages?
Thank you.
Grace
Hi Andrea!
Is vertical menu working now? I’ve tried to put it on site I’m working on – worthless. Still no css is loading and menu looks like standard wp. I’m using default theme modified for my needs.
as a matter of fact horizontal suckerfish does not work too.
sorry for earlier comments, I’ve managed this to work
I’ve copied style of vertical menu to main style.css and it works fine now 
So thank you very much mate!
To Grace:
yes, with a Menubar template you can fully change both the HTML and the CSS of a menu, and you gave me a good idea for a future template!
To Tomas:
actually Menubar should work out of the box without further changes, but what you did is fine too! I think the problem lies with your modified header.php file, if you switch back to the default theme the problem should disappear.
Hi Andrea,
thanks for this wonderful plugin.
Please help:
in my header.php there is the wp_head() function right before the line.
But nevertheless I got this error: WP Menubar error: Function wpm_display_wpm-Suckerfish() not found!
What can I do? I think the installing was working correct, the code-line was correctly inserted into the header and I created the menu-items.
What can I do more?
I thought about the error (Function wpm_display_wpm-Suckerfish() not found!) and I looked into the wpm3.php.
Inside of that file I found only the function wpm_display_Suckerfish ($menu, $css) (but not the function wpm_display_wpm-Suckerfish)
Is that okay?
Hello Quixxel,
please double check your menubar-templates folder. It should contain the Suckerfish folder and, inside that, the wpm3.php and other files. I think you might have a wrong name for the Suckerfish folder.
Hi,
Great plugin, integrating it with my CSS was really easy!
I have one question: the hierarchy of my site calls for both pages and categories together as children of a page. Ex:
-Top level Page
–Category 1
–Sub-page
–Category 2
However, menubar is only displaying the pages, not the categories. When I changed the type on the parent to be “category tree” instead of “page tree” it began doing the opposite: just showing the categories and not the pages.
Is there a way to have both?
Thanks so much!
Hi Bryon,
you can do that, using the Category and the Page types. Start by inserting a Page item for Top level Page, then a Category type (as child of Top level Page) for Category 1, then a Page type (as child of Top level Page) for Sub-page, and last a Category type (as child of Top level Page) for Category 2.
Its working great now, I’m glad it was a simple fix. Thanks!
Hello Andrea.
Thank you for the prompt and complimentary reply re: template query.
I have a couple more questions, if you might indulge me. These will likely show my ignorance of the way WordPress elements relate to each other, so, apologies in advance.
1) First, about the feasibility of widgetizing menubar – In order to simplify some things re: browser differences, java, etc. I’ve decided to use the Widget Logic plugin for putting different menus on different pages. I may only use horizontal main menu on home page. My questions are about sidebar menus – I would like each page that has children to have a menu in sidebar1 which shows that page’s children (and possibly some other related posts, pages and/or external links). In testing, widget logic has worked fine for sidebar-based menu widgets (as well as other types of widgets). However, menubar presents a challenge because it isn’t widgetized but rather is hard-coded into my php. Granted, it might be possible to write some conditional logic so that different menubar php code is activated for different pages, but I am not really a coder, and widget logic is very easy/user-friendly for the purpose.
2)Second question has to do with html and css for menubar. The only vertical template provided with menubar doesn’t coordinate with my site. Though not a coder, with much effort I might be able to successfully edit that template for my purposes, but I wonder if there isn’t some way I could just feed my menubar menus through my WordPress html/css so that the formatting automatically matches all of my other sidebar lists. (By the way, would that happen automatically if menubar were widgetized?) Alternatively, are you aware of where I could find other vertically formatted template options, one of which might more closely fit the look of my site?
By the way, in case it’s not clear, I wouldn’t need the dynamic hover/drop-down motion. I would like the to have the option to show some children, indented, as done in native WP sidebar lists. But even that isn’t critical if I can achieve #1 above, getting parent pages to be able to show menus with their own children.
Thank you for any help/insight. The menubar interface and functionality are fantastic, the best I’ve seen. If I can use menubar, I would really like to, rather than having to fall back to other plugins that aren’t nearly as friendly or functional.
Grace
Hello Grace,
I’ll need to do some compatibility testing with the Widget Logic plugin, then I’ll be happy to answer your interesting questions. Please stay tuned!
Thanks Andrea. You are quick!
Just to make sure I’ve stated it clearly – I mentioned widget logic plugin mostly to explain why it would be helpful to me to have WP-Menubar in widget form, rather than implementing via php.
Also, FYI, I found a css generator for multi-level vertical menus, at PixoPoint. However, as anticipated, the finer points of how to implement are not clear to me. I put the generated CSS in a file under the Suckerfish folder and edited my wp-menu to point to that file. However, it didn’t work. The menu is appearing but it’s tiny and not formatted as specified. Even if I could get it to go, the css generator might not be able to create something that really matches my site. Would be much more elegant for my purposes if I could feed WP-Menubar output through sidebar css, so it’s automatically consistent with everything else.
Again, thanks very much for looking into these items. If you don’t have time now, just let me know. I could use something else in the interim. My site will be evolving for quite awhile.
Best,
Grace
Hello Andrea,
More related info/clarification around how I’m using widget logic plugin –
I can put several menu widgets into a sidebar, each with logic that directs WordPress to only show that particular menu if it’s for a certain page. Thus, the following widget logic code in a given menu widget:
is_page(‘about’)
Would only show that particular menu on my ‘about’ page. In this instance, the menu, hopefully created via WP-Menubar, would reflect child pages of my ‘about’ page, and/or links to other related pages/posts/external links.
Hope I’m not belaboring this.
Best,
Grace
Hello Grace,
I’m sending you a patch to Menubar and, if this patch works for you, I’ll enclose it in a new Menubar release.
I look forward to receiving your feedback!
An update for those who’ve followed our dialog:
Andrea’s patch worked perfectly to widgetize Menubar. It is just what I needed for vertical menu.
FYI, I’m using Menubar for ease and versatility of menu creation. Then avoiding the browser compatibility/javascript issues of dropdowns, plus automatically matching my site design via sidebar ul CSS, by putting MenuBar menu widget in sidebar. Since a complete site menu could be quite long, I’ve created different menus for different pages, again with easy-to-use MenuBar, and specifying which one to display on each page via Widget Logic. There is still a main, single level, horizontal site menu at top.
For anyone interested in vertical menus, this combination of widgets is very handy.
Thanks and kudos to Andrea for his responsiveness and great code.
-Grace
Hi Grace,
thank you for your kind words, I’m glad you like the Menubar widget solution. That will be part of the next Menubar release!
Andrea,
I inadvertently referred to you as ‘her’ instead of ‘him’.
Mi scuso.
-Grace
Don’t worry Grace, I’ll edit your post to reestablish the truth
Hi,
Really interested in using your work, but I get the following displayed;
WP Menubar error: Menu menu_name not found in database!
Any ideas?
Thanks,
Luke
Hi Luke,
you need to replace ‘menu_name’ with the actual name of the menu you created. Please let me know if that helps!
andrea, i’m amazed, this is PERFECT, exactly what i needed for my site. now if only the widgetized version would be publicly available, yet … or would you mind mailing it to me beforehand (it’s kinda – uh – urgent)? sorry to bug you, though.
Hi Marco,
I sent you the widget patch. If that works for you, I’ll release it to the WordPress directory in the next few days. Please let me know!
Hi Andrea!
I really like your WPMenubar.
I’ve searched for a few hours but didnot found a trick for my wish.
I’d like to see if a page has subpages. For example a ‘>’ after the title.
Any tips for this noob how to realise this?
have a great day,
Dre.
Hi Dre,
unfortunately that feature is not available in the current version, but it’s on my to-do list for a future release of Menubar.
Ok, thx for your reply.
Please consider adding a couple more colours to the multi-level menu (suckerfish), just basic ones – red and green.
Unfortunately blue and grey do not always fit into design.
Thank you
That’s a good idea, I’ll add a few color variations to the Suckerfish template. Please stay tuned!
Andrea,
Great plugin! Thanks for the work. A couple questions for you:
Is it possible to make the submenu wider? I am not able to fit my entire page name.
Starting with the 3rd item in a submenu, they are a different color. Is this something I did?
Thank you,
– Jesse
Great plugin, but i got this problem since WP MU 2.8.1:
When entering the setup page via ‘tools->menubar’ the following error message is shown:
Internal Server Error
With WP 2.8.1 its no problem, only with WP MU 2.8.1
The previous release (WP MU 2.8) was running fine.
How to solve this? Thanks in advance!
Jesse, Margje,
I’m currently out of town for a few days, I’ll look into your problem as soon as I get back. Thank you for your patience!
Hi, the menubar template zip files are missing. May I know where have they been moved to?
Awesome plugin! and it works brilliantly with qTranslate. You’re a life saver!
Gary:
Menubar templates are now available from http://www.dontdream.it/download
Peter:
thank you for your kind words!
I am very satisfied with your plugin, it was easy to install and customize.
My question is about hidden or restricted pages. These pages are shown only for persons with special rights (for user group or admin).
I made a menu-point for a private page. It works normally if I logged in, but get 404 if logged out. What I need is that this menu-point became hidden if I am not logged in, or a user not logged in with correct rights.
How is it possible?
Ciao Andrea,
è possibile aumentare i caratteri visualizzati nelle voci di menù?
Sto utilizzando il menù a tendina (suckerfish) ed ho notato che non si va oltre i 20 char.
Devo modificare menubar/wpm-main.php?
In quale riga?
Grazie
Roberto
Hello Geza,
that functionality is not available in the current version of Menubar, but I plan to add it in the next release, possibly next month. Please stay tuned!
Ciao Roberto,
se ad esempio vuoi allargare il menu di 20px ti basta aprire il file wp-content/plugins/menubar-templates/Suckerfish/sf-blue.css
e modificare tutti i valori 170px in 190px e il valore 167px in 187px. Ovviamente puoi usare valori diversi per ottenere larghezze diverse.
Hi,
Wonderful plugin!
Is it possible to limit the multilevel “page with sub-pages” to only the first level of pages?
I didn’t find any documentation about it.
Thanks,
Daniel
Hi Daniel,
that’s not possible with the current version of Menubar. A workaround is to build manually your two-level tree, using the “Page” type instead of “PageTree” for your menu items.
Dear Andrea,
I wonder if you had a chance to add a couple more colours to the suckerfish (multi-level) menu? (Please see my message in this thread from 11th July). From the download page (http://www.dontdream.it/download) it looks like not, as the menubar is dated as April 19th, or perhaps you just forgot to change the date?
Please comment on that.
Thank you
Hi Andrea!
Having feedback that some users are finding it hard to click on 2nd & 3rd level submenus in the dropdown.
Is there any setting somewhere where one can prolong the display of the dropdowns for the slower user?
Thanks
PeterL
To Seo Blogger:
no, unfortunately I’ve not found the time (yet) to add the color variations. Still in the to-do list anyway.
To PeterL:
sorry, there is no such setting in the current version, but I’m going to look into this problem as soon as I find some time. Please stay tuned!
Andrea
Great plug in. I have one question and one problem. How do I space the tabs evenly over the total with of the menu bar? The problem is that when the menu drops down it gets behind the category menu bar from the theme it self. I use your menu bar for pages but the theme for categories. The theme I use is Atahualpa 3.4.2.
Thanks for all your hard work,
Harald
Hi Harald,
I don’t have a quick answer to your question, I’m going to look into it. I’ll look into the problem with the Atahualpa theme as well, please stay tuned!
Hi again Andrea
I only have the problem in Explorer, not in Safari. I don’t know if it help, but this is the website http://www.clubwitt.com/kyrkovaletlive. It is still in test stage so the content is not right.
Take care,
Harald
Hi Harald,
sorry I couldn’t reply earlier. A live example of the problem is really helpful, but currently your site seems unreachable. I’ll look again later!
I have installed Suckerfish with sf-grey.css.
In the edit or add options I have Order Name Type CSS Class Type Attributes but not Selection! Isn’t there supposed to be one?
Hi Indigene,
the Selection field will appear when needed, I bet you’ve already discovered that! Thank you for trying Menubar!
Hi Andrea!
Thanks a lot for a great plugin.
I have one question:
Is it possible to change the mouseover color?
There’s a java script that changes the className.
I can’t find the “wpmhover” style attributes in the sf-grey.css style sheet. Neither can I find it in any of the php-files.
Thanks again
Magnus
Hi Magnus,
in sf-grey.css style sheet, line 111, the rule
.sf-grey li:hover,
.sf-grey li.wpmhover {
background: #808080;
}
defines the hover color, so you can change it according to your preferences.
Hi Andrea
Thank you for answering.
But my problem still remain. The background-color on mouseover is still red (#ff0000 – not declared anywhere in sthe sheet?). It is however possible to (for example) declare a desired border-property in the sheet.
I have tried to change every property declaration in the stylesheet but none of them affect the initial mouseover color.
It looks the same in Firefox, IE and Opera on Windows XP.
Is there a solution?
Thanks in advance.
Magnus
Hi Magnus,
do you have the same problem with the default Kubrick theme? I suspect a conflict with the CSS of the theme you are using. Could you send me the URL of the page having the problem?
Hi Andrea
You are absolutely right. I just discovered that myself. The wp style overrided the wp menubar style.
Hrm.. I’m pretty embarassed at the moment. Sorry to unnecessarily bother you.
Thanks a lot.
Magnus
Magnus,
no problem, I’m glad you discovered the CSS conflict. Is there a way for Menubar to avoid such conflicts in the future?
I just wanted to take a moment and thank you for your truly excellent plugin… Menubar rocks, and I just wish I had found it sooner! Thanks so very much for the excellent work!!!!
Mick
Thank you Mick for your kind words!
Hi Andrea,
I have download both the plugin and the templates. When I check in my folders everything appears to be there correctly. But when I go into my admin/tools panel- there is a message saying:
Welcome to Menubar!
To complete your installation, please create the folder wp-content/plugins/menubar-templates
and upload at least one Menubar template (see instructions).
I believe I have done this already- but can’t see any of the menus? Can you help please?
Hi Jennifer,
for some reason the plugin can’t find the menubar-templates folder. Could you please send me by email a screenshot of your wp-content/plugins folder content, showing also the file permissions?
Hi Andrea,
I have now used your menubar for many of my projects and I really like it, thank you for your great work on this plugin.
I have one question, when I create a menu with a menu item that uses the type Home, it gives this the class active when on the blog page, but not when viewing a post or category. How can I make it keep the active class?
Cheers,
olaf
Hi Olaf,
you can change that behavior editing the file wp-menu.php and adding, after the line 56:
if (is_home()) $class = $selected;
these new instructions:
if (is_single()) $class = $selected;
if (is_category()) $class = $selected;
Thank you for using Menubar!
Hi Andrea,
great that worked like a charm, thank you very much.
This is the best menu management plugin I have seen for WP. I already promote it on my menu builder site and will be promoting it on other WP related sites when they finish.
Once again thank you for your help.
Ciao Andrea!
Complimenti per il tuo menu, sul mio sito sto utilizzando la versione 4.0
Soltanto una cosa…come template sto utilizzando b-green un pò personalizzata e mi occorre che solo una voce del menu sia di colore diverso.
Ho fatto delle prove ma non riesco, qual è la procedura?
Ciao Stefano,
aggiungi alla voce che ti interessa un valore nel campo CSSclass, ad esempio miaclasse.
Poi nel file b-green.css aggiungi la regola
.b-green a.miaclasse {
color: red;
}
specificando il colore o le altre proprietà che ti interessano.
Grazie mille per il supporto!
Funziona con Internet Explorer ma non con Firefox, come mai?
Come non detto, funziona anche con Firefox. Cancella questo e il precedente commento
Grazie ancora per il menu e l’aiuto!
Il solito scherzo della cache, ci caschiamo tutti prima o poi! Ciao e in bocca al lupo per Club Music Lovers!
Hej Andrea
Sorry for the delayed answer.
I’m not sure there’s any need for adjusting the menubar output html in order to avoid css conflicts. I solved my problem with nested css styles.
All list styles in the “content part” like this example:
#content ul{margin:10px 0px 0px 30px;}
All list styles in the sidebar like this example:
#sidebar ul li a{text-decoration:none;color:#000;}
If you want to, you could go the other way and give the menubar an id in the html output which the user could refer to, like:
#wp-menubar ul li a{text-decoration:none;color:#000;}
But I don’t know if it’s really necessary.
Anyway, thanks for a really great plugin. I’ve spent som time looking for alternatives and I must say that your menubar is the cleanest and it’s the by far easiest to administrate from the WordPress dashboard. I really needed that, cause I’m not the one who’s going to handle it.
I’m I may ad a request for the future. It would be nice if one could give the toplevel-menu (the bar) one style and the dropdown another.
Thanks
Magnus
Andrea
Great plug in. I only have one problem. In IE8 the subitems don’t disappear when the mouse leaves the menu.
You use the javascript but it doesn’t seem to work for the subitems for the function onmouseout.
In Firefox there are no problems.
Thanks for all your hard work and i hope you have a solution
Keimpe
Andrea,
Problem solved.
Thanks for the great plugin
Keimpe
Hi Andrea,
Thank you so much for the menu bar. I downloaded and installed it in my site. I also created a new menu. But when I add the code in the header file of my theme, this is the error I receive: “WP Menubar error: Function wpm_display_suckerfish4() not found!”
FYI: when I installed the menubar template in the templates folder, it didnt find the menu until I created a new folder under that folder called suckerfish. Is that the reason it now cannot find the menubar? I tried renaming this folder but that didnt work either.
I am not a programmer, so thank you so much for your help.
Hi Jaya,
please make sure that menubar-templates contains just the template folders (e.g. Basic, Suckerfish, Suckerfish_4). Then each template folder should contain its own files (e.g. the folder Suckerfish_4 contains sf-blue.css, sf-grey.css, wpm3.php and so on).
If you send me a link to your site I can look at the problem.
Hi Andrea,
Thank you for the reply. Yes, the menubar-templates folder has only one folder inside called suckerfish4 (that I created and then placed the files that I downloaded from your site).
Here is the link to my site that shows that error: http://dashofmasala.com/blog/
Any help is really appreciated. Thank you again.
Jaya
Hi Jaya,
change the folder name from suckerfish4 to Suckerfish_4, with the capital S and the underline character _ before the character 4.
That should remove the problem!
Hi Andrea,
I already tried that and tried it once more now. This is the error I receive: it shows up twice now instead of once before.
WP Menubar error: Folder wp-content/plugins/menubar-templates/suckerfish4 not found!
WP Menubar error: Folder wp-content/plugins/menubar-templates/suckerfish4 not found!
Hi Andrea,
OK, now it worked. I just repasted the code and refreshed everything. Thank you. Sorry for the multiple requests for help.
But your code is fantastic for a novice user too!
Thanks!
Ok, can somebody please help me, because I already spent hours on this, and still didn’t fix it: In case of an active selected sub-menu item (pages), i want it to show the font-weight: bold, and not change the background or something (which is standard in the SF-Blue-css).
I’ve tried to add an “a” for the hyperlinks to the CSS (see code below). This works perfect for 1st-level-links, but when selecting a submenu link, the parent and all (!) submenu links get the bold property, instead of just the active submenu-item.
When changing it back to ‘background:#color’ and removing the “a”, this selector works great, but not the way I want it.
Is there a solution for this? Thanks a lot in advance for your solution!
SF-Blue css:
.sf-blue li.selected a,
.sf-blue li.current-cat a,
.sf-blue li.current-cat-parent a,
.sf-blue li.current_page_item a,
.sf-blue li.current_page_parent a,
.sf-blue li.current_page_ancestor a {
font-weight: bold;
}
Hello Igor,
you are right, this looks like a complex CSS problem. I still don’t have the solution, if I find it during this week end I’ll post it here.
Hi
How do I add a call to wp_head() in header.php?
Thanks
Hello Craig,
you can look at header.php in the default theme for hints. You’ll find, at around line 33
<?php wp_head(); ?>
</head>
So you can now open header.php in your own theme, look for the line
</head>
and insert, right before that line, the new line
<?php wp_head(); ?>
If you can’t find the right place, let me know what theme you are using!
Thanks, andrea!
Works perfectly.
Hi all!
When I active (install) menubar 4.0 or 4.1, it didn’t create wp_menubar3, so I can’t create menu, but 3.6 works
Some one, help!
Hello MrKhoa,
what WordPress version are you using? I’ll try to replicate your problem, please let me know!
Hi andrea!
My WP is 2.8.4
Thank you!
Hello MrKhoa,
I’m not able to replicate the problem, I can confirm that the DB table is correctly created. Could you check whether your database is full? Or, if version 3.6 works for you, you could try to install 3.6 and then upgrade to 4.1.
Hi all,
I’ve downloaded, installed and activated the plugin, succesfully made a menu,
I cannot seem to get dropdowns (sub menu) items when I publish
when creating menu items, I am choosing “child of” option, as I thought this would automatically make the item a sub menu item ?
all help would be appreciated
thank you in advance
Hi Clayton,
make sure you are using a multilevel template, e.g. Suckerfish, because single level templates don’t display children items.
If you are already using Suckerfish, make sure you don’t add manually any sub-item to PageTree or CategoryTree items, because those types automatically generate their own sub-items.
Hi Andrea,
does the menubar finally provide some way to get vertical menus?
I tried to put the menu as a widget in sidebar, but it is not displaying the menu correctly.
thanks in advance
Hi Lucas,
when using the Menubar widget in a sidebar, often the Menubar styles interfere with the sidebar styles. So it’s advisable to use a template without its CSS (e.g. Suckerfish without CSS), this way the menu will use the theme native styles.
Another option could be to write a custom Menubar template suitable for your specific theme.
Hi,
Great plugin! My question is this:
I have a static page with sub-pages. The static page is called “Gallery” and the sub-pages are called “Gallery 1″, “Gallery 2″ and “Gallery 3″. Is it possible to make it so that the user cannot click on Gallery… so that the only pages they can visit are the sub-pages? the reason being is that Gallery is supposed to be the title, and is not actually a page with content.
Hello Mike,
you can do that with four menu items: the first, with name “Gallery” and type Heading; the other three, with names “Gallery 1″, “Gallery 2″, “Gallery 3″ and type Page (not PageTree), inserted as “Child of” the first item.
Hello,
I installed the plugin and am using the Superfish ssf-red.css template. And it works great on ie7 BUT not so much on Chrome and FF.
I have a top header and two children under that. I can see the various layers in all 3 browsers but I can’t select the last child on either of the other two browsers, do you know what I’m doing wrong?
Also, is it possible to increase the width of the children? Longer names are wrapping
Great plug in by the way, Thanks~
Same issue with Safari… can highlight and select first tier but the entire submenu disappears when you hover over the second tier…? The only browser that the second tier is available is ie7
Any Ideas?
Thanks
Nevermind, I’m sorry to take your time… I forgot to remove a piece of code from the default template -oops
Great Job Andrea! Cheers~
Hello Jacque,
I’m glad you solved your problem – by the way, you can change the width of the Superfish sub-menus, the explanation is in the post Superfish Questions & Answers. Thank you for trying Menubar!
Hello Andrea!
You plugin really saved me here!
Thank you!
I just have one question. I don’t understand anything of this CSS Class thingy… I ise Superfish with the Yellow setting, but I would like one of my Menubar items to be in a different colour – say black – and at the far right instead of to the left…
Is that possible to do with the Menubar plugin?
Thanks again!
Daniel
Hello Daniel,
the CSS class field for a menu item allows you to add that CSS class to that item. Of course, to have any effect, that class must be defined in your main stylesheet or in your Menubar stylesheet, e.g. ssf-yellow.css.
So, to move one of your menu items to the far right, you just enter the class name right in the CSS class field, and that works immediately because the class name right is already defined in ssf-yellow.css.
If you wish to make one of your menu items red, you can enter the class name red in the CSS class field, but then you have to add the class name definition in one of your stylesheets, because the class name red is not defined in ssf-yellow.css.
Thank you!
So, now I have the item to the right, but since I couldn’t figure out how to make a new class I added a color-change in the right class. Well, now it seems I can’t get the hover-and-change-color function to work – mainly because I don’t know what it looks like
– and neither can I get the item to have another color when clicked and selected…
Could you perhaps point me in the right direction?
Anyways, I love your plugin! Without it nothing of this would be possible. Thanks again!
Daniel
Hi Daniel,
the Superfish CSS is not simple, and I got it from the Superfish author I credited in the release note.
Anyway I’ll try to find a solution to your question, and I’ll post it here if it works.
ciao
il plugin sembra molto interessante, tuttavia le tendine non mi funzionano né su kubrick né su mandingo. Riesco a definire le voci di menu ma non esplodono… mi puoi aiutare?
grazie 1000
E
—–
hi
the plugin seems very good, but in my blog dont work neither whith the kubrick theme nor the mandingo theme. I can the singles voices of menu to work, but it dont explodes. Do you hlp me? thanks
E
ah! the url is: http://www.fabbricabucce.com
Ciao Emiliano,
il sito è http://www.fabbricadellebucce.com? Io vedo che funziona bene. Se visiti
http://www.dontdream.it/demo/ vedi i menu funzionanti? Se no, potrebbe essere un problema del tuo browser. Fammi sapere!
I have a problem. If you look at the site, http://www.shireofgreyhope.org you will the menu at the top. When you mouse over the menu item “The Shire” the Drop Down Box goes BEHIND the shield and the title.
Is there anyway to fix this?
Thanks!
Dennis
Oh and I forgot to mention, this problem only occurs on IE browsers not on Firefox browsers.
Thanks Andrea!
I will be waiting eagerly! haha
D
Hi Dennis,
try not using relative positioning in
#description {
width: 700px;
text-align: left;
position: relative;
top: 70px;
left: 50px;
}
You may also wish to check your page with the http://validator.w3.org/ validator.
Well I switched it to “absolute” but it was still doing it. I wonder why it only does that in IE and not in Firefox?
Any other suggestions?
I recently evaluated this tools and found it very useful. It is user friendly and allows to build complicate menus. The only concern is that it needs the user to add a php line to the header.php file himself. While this is a piece of cakes to most technical persons but it may scare some non technical people. If this could be done automatically during the activation process, it will just make all kinds of users happy.
To Dennis:
That looks like another IE bug, try searching for “IE7 dropdown behind image”. Unfortunately I can’t test the proposed solutions because I don’t have IE7 installed at the moment. Please be careful when you change your CSS, because it could take a while before the new CSS takes effect (cache problems). So you could make the right correction and see no changes in your page, unless you clear the cache and reload.
To Barry:
Yes you are right, I’m still looking for a way to do that! The problem is that the exact location of the call to Menubar is theme dependent.
Ok, it turns out that the image below the menubar has to be set to “static”. “Relative” and “absolute” will not work.
Being “static” means you can’t use values within the argument to change the image position, so I went into Photoshop and futzed around in the canvas to adjust the position. But in the end it’s fixed!
Thanks for pointing me in the right direction!
Well done, Dennis! And thank you for the feedback.
I cannot get anything to show up when I select Menubar. I first installed the plugin. Then I activated it and selected Menubar from the Appearance menu item. This took me to a page titled Manage Menubar which stated that I needed to upload a template. I loaded a template following the instructions. When I go back to Wordpress and select Menubar, nothing changes. I see the same page with a note saying that I need to upload a template. I have done this several times and loaded several templates. Am I doing something wrong?
Hello Doug,
if you upload, say, the Superfish template, you should get the following folder structure:
folder wp-content/plugins contains folder menubar-templates that contains folder Superfish that contains all the Superfish files.
Please double check that your folder structure is as above. If that doesn’t help, please send me your URL so I can have a look and provide more precise suggestions.
Thanks for a great plug-in!
Is there a way to access the name variable of the main menuitem of the currently selected sub-menuitem ? I want to access it from archive.php of my theme.
Say I have a menuitem “fruit”, with a submenuitem called “banana”. Can I get the name “fruit” to echo in my theme’s archive.php when I press the “banana” item?
Hello Tess,
unfortunately I still don’t have an API to easily access Menubar data, but I’ll try to put together some hack to do what you need. Please stay tuned!
Update: the feature you are looking for is not so simple to implement in the current version of Menubar – I’m putting it in my to-do list for a future release. Thank you for your suggestion!
Hi,
Great plug in has been the best menu I have used so far. My theme didn’t allow drop downs but thanks to the menu it now does. However I have a problem my original theme menu is still displayed along with the new installed menu. Is there some way I can remove the original menu leaving only my new menu?
Hi Tom,
I need to know which theme you are using, since the procedure to remove a menu is different for different themes. Please let me know!
Hi Andrea,
Thanks for your reply, I’m really stuck! The theme I am using is magicblue 1.2 by BlogChemistry.
Hi Tom,
to replace the native menu in the magicblue theme with a Menubar menu, open the file header.php, locate the starting line (line 72 or so)
<div id=”tabs”>
and the ending line (line 81 or so)
</div>
and delete them and all the lines in between. Then replace those lines with the call to Menubar (if you didn’t do that earlier).
Good luck with your new site!
Hey Andrea,
Many thanks for the help, it worked perfectly! All the best.
Hi Andrea,
I’ve spent days trying to find a menu finally I’ve stumbled on yours today – and it works – and it looks brilliant – thank you!
Only one thing I’m having a problem is under ‘Edit Menu Item’, I select ‘page: static page’ in the dropdown menu update. When it returns to the manage menu bar page, it lists itself as ‘PageTree’ (even though I’ve selected ‘page: static page’)and on my homepage the menu item then behaves like a page tree too (ie creating a drop down menu where there shouldn’t be one and within that drop down menu it lists the pages of the main menu).
Sounds confusing I know – but is there something I’m doing wrong here?
Many thanks in advance
Ok! sorry ignore that last question, I was being a blonde (I can say that coz i am one…). Have worked it out now – I hadn’t set the menu item order properly – works perfectly now! Thank you so much for great and simple way to set up menu.
Hi Anna,
thank you for your kind words!
Sometimes a Page type automatically changes to PageTree: that’s when you select Page – a static page in the Type: select field, but leave All Pages in the following Page: select field.
Hi andrea,
Your menu is really great, thank you very much for creating it! It works very well, except I am unable to change the dark grey color of the text to white on the ssf-green.css template. Do you have any pointers for accomplishing this?
Hi Andrea,
I’m using your plug-in with the latest version of Thesis. I have followed all the steps and created a new menu, but the problem seems to be that instead of replacing the original menu, the new menu has appeared as well, but small and as a vertical on the top left corner of the blog. Additionally, the following warning has appeared at the top of my site;
Warning: call_user_func_array() [function.call-user-func-array]: First argument is expected to be a valid callback, ‘pd_nav_menu’ was given in /home1/jessandg/public_html/wp-includes/plugin.php on line 339
Apologies, I don’t know much about code, and feel a bit out of my depth! I would very much appreciate some help to get this working.
Thanks very much : )
Graeme
Hi Nathan,
look for the line:
color: #42642E; /* text color 2 */and change the color to white:
color: white; /* text color 2 */I’m going to add this to the Superfish Questions & Answers article.
Hi Graeme,
to use Menubar with the Thesis theme I suggest using the Thesis Menubar Integration Plugin by Clark Code & Design, that allows you to use Menubar as a replacement for the default Thesis 1.6 menubar.
Please let me know if that works for you!
Thanks Andrea,
yes, that was the plugin I used… I actually followed the instructions given at http://thesis-menubar.pdclark.com/
Any ideas what I’ve done wrong?
Hi Graeme,
unfortunately I can’t help much with Thesis, because I don’t own a copy of the theme and I can’t run any tests. Do pdclark.com offer support for their plugin? Maybe they can help solve this issue.
Hi,
How can I change the direction of the menus so that they will go from right to left (like they are in Hebrew / Arabic)? (I know there is a CSS syntax: direction=rtl but I’m not sure where I should use it)
Thanks,
Assaf
Hi Assaf,
try editing all your menu items and writing the value: right in the CSS class field. That should work with a few templates like Superfish and Suckerfish_41.
Ok, thanks Andrea, I’ll give them a try : )
I’ll let U know if I get it to work…
Installed menubar and Suckerfish this weekend. menu worked great on screen. However, when you print the screen, all the menu bar options print, too. What’s the trick to keep that from happening?
Hi Terry,
could you please point me to a page displaying the problem, so I can study it? Thanks for your feedback!
Hi Andrea,
I have a nasty problem with Menubar and I can’t seem to find anything about it.
My installation:
1. WordPress Version: WPMU 2.8.6
2. Theme Name: Default (Kubrick)
3. Blog URL: still not reachable via DNS
4. Problem Plugin Name And Version: Menubar 4.2
5. Menubar Template: Basic
6. PHP And MYSQL Version: PHP 5, MySql 5.1
Using IE7, when I add a menu item and select a Type of link from the menu I get the small loading animation but the menu where I can choose the destination of the link is not shown. For example, if I select “Page: a static page”, the “Page” select is not shown.
I see that this works fine with FF and IE8, but I need it to work on IE7 and looking at the source I can’t understand why it doesn’t work.
Any ideas?
Thanks in advance,
fabrizio
Ciao Fabrizio,
thank you for the bug report. I’ve been able to reproduce the problem, and I’m trying to understand it better – I’m afraid it will take a few days.
I’ll keep you informed!
Update Nov 26: I’ve released Menubar 4.3 with the bugfix – Thanks again Fabrizio for your feedback!
Hi Andrea
firstly, thanks for an absolutely fantastic plugin, one of my all time favourites.
Until recently the Menubar plugin was working fine for me. Then I had very similar sounding problem as Fabrizio, saw the update but it didn’t solve the problem. I had installed several other plugins at the time the problem appeared so disable them. That solved the issue and when reactivating them one at a time it seems the plugin ‘Find Me On’, version 2.0.9 by Jeremy Anticouni was causing the problems. It was interfering with the main admin menu accordion effect too.
Hope that may be of interest/use to you and your readers.
Keep up the fantastic work on the plugin, and thanks again.
Roger
Hi Roger,
thank you for your feedback and information, I’ll try to discover the reason of the plugin incompatibility and see whether it’s possible to remove it. And thank you for your appreciation of Menubar!
The new upgrade seems to have broken the menu in safari on the iphone and ipod touch. go ahead and check it out on the web site http://www.obrhi.com/hawaii/blog/
Otherwise it is a great plugin
Hi Warren,
unfortunately I’m not able to test Menubar in the Safari – iPhone environment, but I can confirm that the 4.3 upgrade didn’t touch the frontend code, just the admin forms.
Anyway if a Menubar user could send me a patch to fix the Safari – iPhone issue, I will be glad to integrate it in Menubar.
For anyone who is looking to the solution to Graeme’s problem, the issue was that he had moved his navigation to a different hook than default in Thesis. This is the full response to his issue:
If the old Thesis navigation is still showing up, then you likely attached the Thesis nav to a different hook at some other point. If somewhere in your code you’ve put:
add_action(‘thesis_hook_SOME_HOOK’, ‘thesis_nav_menu’);
You need to change the code I provided to:
remove_action(‘thesis_hook_SOME_HOOK’, ‘thesis_nav_menu’);
A common example of this would be having moved your navigation from before_header to after_header. In this case, you’d change your code to:
remove_action(‘thesis_hook_after_header’, ‘thesis_nav_menu’);
add_action(‘thesis_hook_after_header’,'pd_nav_menu’);
Hi Paul,
thank you for your explanation, and for all your work on Thesis – Menubar integration!
Hi andrea,
I’m using the superfish menu for my website. I would like to use the CSS styles used on the original menu bar of my theme. I’ve tried the no CSS option with superfish but all I get is text with no styles. Is there a quick and easy way to resolve this please? Thanks for a great menu.
Tom
Hi Tom,
I think we have two options to choose from:
1) replace the original theme menu with an identical looking Menubar menu, or
2) use an existing Menubar template and customize it to some extent (e.g. colors, size).
The first option allows you to keep the original menu, while being able to move and change the individual menu items. But, if you are still using the MagicBlue theme, option 1) won’t give you a dropdown menu or animation because the MagicBlue menu lacks those features.
The second option allows you to choose a template you like, possibly with dropdown and animation, and get as close as possible to the original style of your theme by editing its CSS.
Please let me know which option better suits you, and which theme you are using, so I can help you in your customization.
Hi Andrea,
Thanks for the help. I think option two would be better for me since I need drop down items in my menu. I had a crack at the CSS earlier but it didn’t quite go to plan! On my old website which also used the magicblue theme (still using it) my menu inherited the themes CSS by using Superfish with no CSS. However it doesn’t work now and the best option is Superfish Blue, although I would like to change the colors.
Tom
Hello Tom,
to change the colors of your Superfish Blue, open the CSS file ssf-blue.css and look for the lines containing comments. Each comment has a meaning according to the following list:
/* color 1 */ color for background and first level items
/* color 2 */ color for lower level items
/* color 3 */ color for mouse over and active item
/* border color */ color for the item border
/* text color 1 */ text color for first level items
/* text color 2 */ text color for lower level items
For instance, if you wish to change the text color for the lower level items, look for the line
color: #0E4377; /* text color 2 */and change the color according to your needs.
Please let me know if this works for you!
Hey Andrea,
Thanks for the help, will try out your advice.
Tom
I’ve installed the widget but then the static page About with submenus duplicates itself before listing the 4 child pages. It shows up as About and in the hover state About shows again under the first one and then the dropdown of the child pages appears. Any thoughts on what I need to edit?
Also your Please add function on this form doesn’t work properly.
Hello Elizabeth,
that looks like a conflict between the Suckerfish CSS and the widget styles in the Atahualpa theme.
Instead of using a widget, you could insert manually the call to Menubar. Open header.php, locate the line:
<td id="left">and right after that, insert the call to Menubar:
<?php do_action('wp_menubar','your_menu_name'); ?>That’s all! I also suggest you use the new version of the Suckerfish_41 template, I just fixed a few things that were interfering with the Atahualpa CSS.
Hi andrea, congrats for the plugin!
Unfortunatelly, I’m having trouble in my site which uses the Kairo Mag Red theme. I followed the instructions correctly, but the submenus don’t show! I don’t know what’s happening. Maybe there are conflicts with some plugins or with Google Friend Connect… or with CSS too?
Sincerelly, I have no idea and you?
How may I fix it?
Thanks in advance.
Hi Ian,
starting from a clean header.php, locate the line
<div id="nav">delete it and all the following lines till the end of file, and replace them with
<?php do_action('wp_menubar','your_menu-name'); ?>I also suggest using the Superfish template with the red CSS.
Andrea, thank you so much!
As you can see, the menubar is now customized. Great plugin!
Hello Ian,
your new menu is very nice! Thank you for choosing Menubar and good luck with all your projects.
Good plugin, but I’m getting an error: ”
WP Menubar error: Function wpm_display_Suckerfish_41() not found!”
I have uploaded the Suckerfish_41 template to wp-content/plugins/menubar-templates, but it doesn’t seem to want to work.
Any ideas how I can fix this?
Don’t worry, I fixed it by adding to my header.
Hello Tom,
I’m glad you solved this problem!
Usually this error is caused by the theme lacking the wp_head() call, as explained in the documentation, or by some problem in the menubar-templates folder structure and permissions,
In your example, the menubar-templates folder should contain a Suckerfish_41 folder which in turn contains the six files of the template (wpm3.php, three CSS files and two images). All those folders and files should have the read permission.
I am not a web programmer of any sorts, but my site has the menu in the upper right hand corner. The last part of the menu is a drop down menu, but when you get to forum section, it should have a sub menu displayed, instead, it goes to the right, off screen. How do I get his sub menu to go to the left so it displays? Any insight would be helpful. Thank you.
Hello Aaron,
unfortunately I’m not able to modify the original Superfish script I integrated in Menubar, to make the submenus open on the left side.
I could suggest that you remove your top menubar replacing it with the Menubar menu, so the right hand submenus will be visible.
Andrea,
Thanks for sharing your menu with us. I am using and it looks great,but I cannot fix one thing. I am need my child of items to be centered under main menu item. Now it is when you rollover it is going to appear left.
Can you advise?
Thanks
Alex
Hello Alex,
unfortunately I’m not able to modify the original Superfish script, since I’m not its author but only its integrator. Sorry!
andrea,
Do you have any information that could point me in the right direction that I could attempt to modify it myself? Thank you!
Hi
I am sorry if this has been answered previously.
I need to know how to display the child pages of the menu item. My site only shows the top level menu items, not the child of those?
thanks to anyone who may be able to help
To Aaron:
Yes, the main resource for the Superfish script is http://users.tpg.com.au/j_birch/plugins/superfish/ and it also explains a few possible customizations.
To Paul:
That depends on the template: to display a multilevel menu you need a Suckerfish or Superfish Menubar template.
hi, dontdream.it
thanks for taking the time to develop your awesome plugin. and this site as well.
i’m stuck: i have a splash page as my home page.
it’s a static page, utilizing its own template.
as you can see, the menu doesn’t appear. rather, i get the following error page: WP Menubar error: Function wpm_display_Suckerfish_41() not found!
here is the url: http://dev.wearebinary.com
can you help me correct this?
thank you!
sergi
Hello Sergi,
please make sure your template calls wp_head(). For details you can read the answer to Craig in this page. Let me know if that helps!
Hello! I am wondering if you are thinking of coming out with a version that allows you to customize the look and everything of the menu in the admin control panel without having to change the CSS file yourself to make the menu look like what you want it to?
-Joshua
Hello Joshua,
good suggestion! I’ll put it in my to-do list, but I can’t say when I’ll be able to implement it. Thanks for your feedback!
Hi Andrea,
First let me say that I was very pleased with your Menubar plugin – as seen and described on your web site, and as commented on by others.
I therefore just installed it,successfully, following your instructions. I used the Swordfish vertical menu template, only, because I needed it specifically for a vertical menu in a sidebar, and the demo on your site looked great. Unfortunately, my installation was not so great!because of the following differences (flaws):
- Instead of white on blue, the text is virtually indistinguishable from the (unselected) background
- The right hand end of the top of the background projects beyond the bars – considerably.
- The bars are slightly staggered to the right(with depth of menu?)- unlike the demo – and this causes several problems. It looks like an un-finished attempt to create 3D bars.
- The left-hand ends are mis-matched – grey with black “holes” in them, completely destroying the 3D illusion – and leaving a mess.
- Finally – again unlike the demo – the menu drops down on itself, hiding the top level, instead of sliding to the left or right (as in the demo)
My installation is brand new: WP 2.8.6 MB 4.4. Any help would be appreciated (perhaps the original fully developed 2D version,rather than an apparently unfinished 3D attempt) ??
Thanks in advance,
David Grifffiths
P.S. If you want to see the problems for yourself, , I left it on one page, only – “Archived Newsletters” under “Members Area”.[You'll need a password - *removed*.]
Hi David,
that looks like a conflict between the Suckerfish CSS and the widget styles in the Atahualpa theme.
Instead of using a widget, you could insert manually the call to Menubar in the right sidebar. Open footer.php, locate the line:
<td id="right">and right after that, insert the call to Menubar:
<?php do_action('wp_menubar','your_menu_name'); ?>A different workaround is using the widget with the template “Suckerfish_41 without CSS”. This way you’ll get the Atahualpa style for your menu, but you’ll be able to configure that menu with the Menubar admin page.
Andrea,
I am loving menubar and the new superfish template. I am using images for each of the top menu selections, the selected/current page and when hovering. I can’t figure a way to use the image only on the top menu only and not have it repeat the pull down menu choices. Is there a way to just have a background color and no image (selected background color: white, hover background color: gray)?
For instance: http://blueyonderranch.com/shop/book-of-days-january-2009/
Also, how do I move the submenus down. They are overlapping the top menu and I can’t figure out what to change.
Thanks for any help you can offer on this.
Hi Rick,
for the first question, after the CSS rule at line 166 of ssf-blue.css:
.ssf-blue li:hover, .ssf-blue li.wpm-hover,.ssf-blue a:focus, .ssf-blue a:hover, .ssf-blue a:active {
. . .
}
try adding another rule (notice the doubled li):
.ssf-blue li li:hover, .ssf-blue li li.wpm-hover,.ssf-blue li li a:focus, .ssf-blue li li a:hover, .ssf-blue li li a:active {
. . .
}
The first rule will apply to the top level items, and the second one to the sub-items, so you can specify a different behavior for them.
For the second question, you can change the value at line 47:
top: 2.5em; /* match top ul list item height */to match the top level items height.
Hope that helps!
Menubar is fabulous! Everything is now working great! Thanks so much.
Check it out at http://blueyonderranch.com
Hi Rick,
I’m glad to see that everything is working, and congratulations on your Menubar customization!
Hi,
I’m having some trouble finding the proper place in the .css to adjust the overall width of the menubar (using superfish template).
I tried adjusting here, but the width remained the same.
/*** DEMO SKIN ***/
.ssf-green {
float: left;
width: 100%;
}
Also tried adding width here with no luck:
/*** ESSENTIAL STYLES ***/
.ssf-green, .ssf-green * {
margin: 0;
padding: 0;
list-style: none;
Any help? Thanks.
Hi Keyboard,
please have a look at http://www.dontdream.it/superfish-questions-answers,
that should cover your need.
Hi,
Thanks for the great plugin. I’m using it with Thesis (using another plugin from http://thesis-menubar.pdclark.com/ )
My questions is: is it possible to have a single menu items spanning over two lines? An example at http://www.jasonvanorden.com
Thanks
Hi Joe,
those menu items with two lines of text are actually images, and you can use images in your menu as well.
Enter in the Name field, instead of the item name, the specific image tag, e.g.
<img src=”your-image-url” />
Then you could need to adjust the CSS, e.g. removing margins and padding from your menu items.
Hope that helps!
Thanks Andrea! I knew those are images but was wondering if this was possible without using images. I actually achieved it with and then using a span for the second line.
CSS:
.custom .menu .second_line {
font-weight: bold;
font-size: 8px;
letter-spacing: 1px;
word-spacing: 1px;
color: #222222;
}
In WP Menu bar settings:
Yes this is second line
Not the most elegant solution but does the job.
Looks like I’m not able to use thesis_hook_last_nav_item after installing WP Menubar with plugin from http://thesis-menubar.pdclark.com/
I wanted to display RSS icon to the far right of the menu bar but don’t seem to be able to do. Any ideas?
By the way I tried to post a message on his PDClark’s site but it didn’t post for some reason.
Thanks a lot for your help and great plugin. By the way I’m using SuperFish without CSS, I’m not really using any of the templates per se.
Gotta go sleep now..
Joe,
thanks for your feedback! WordPress apparently ate up your HTML, so I’m going to edit your comment to try and fix that.
Regarding your last question, unfortunately I can’t offer much help because I don’t own a copy of Thesis, but I think Paul Clark at http://thesis-menubar.pdclark.com/ could be available to help.
Thanks for your response. I tried to post a comment on http://thesis-menubar.pdclark.com/ but apparently it doesn’t accept comments ( or reloads with another page).
I have sent Paul an email so hopefully I will hear back from him.
i’m having the same css issue as Igor above. i accidentally posted it on the Superfish Q&A page of this website.
i realize i’m using Suckerfish, not Superfish.
thank you much.
Thank you Andrea for a great plugin!
Just wanted to ask if/when you might be adding a feature to slow down the hover-off — having trouble with getting over to the sub-cat link in time before it disappears. They have a feature like it in Pixopoint’s, but otherwise… :rolleyes:
Hi!
This is such a great plug-in. You get many gold stars!!!
I have 3 questions related to customizing this menu (using the superfish blue version)
1) I’m using a theme named, “This Just In.” It has a built in menu option that places the menu above the body & header just violating the top margin. I have been trying to place my superfish menu in this area and can’t make it work. I have commented out the existing menu. I wonder if I need to change a margin or padding in superfish, but can’t find the code. Alternatively, could I keep the theme menu and have menubar run behind it to make it amazingly easy to use and give me stylish drop down menus?
2) Is there only one instance of the color code for the top menu, or are there more hiding somewhere? I’m trying to get a blue-silver look.
3) Is there a way to display the search box on the far right of the menu, even though there are not enough menu items to push it over there?
Sorry to be such a nooob!
Keep up the good work. Wish all plugins were this well thought out and executed.
JP
Hi James,
the hover-off delay is available in the Superfish template, but unfortunately Superfish is not yet available in the vertical format. That’s in my to-do list, but I’m not sure when I’ll be able to implement it. Please stay tuned!
Hi JP,
I’m looking into your theme, and I’m going to answer your questions asap!
For Thesis users, use rss in the class for last item in the menu bar to display the RSS menu and style it with float:right, and it will align it to the far right. You can also use the user defined HTML option to play with the RSS option.
Thanks to Paul http://thesis-menubar.pdclark.com/ for this tip!
Grazie molto!
Ok, I fixed color (2 instances) and aligning search right (Thanks Joe!)
Still stumped on placing menu at top of header container. I am probably missing something small.
JP
To Joe:
thanks for you feedback to Thesis users!
To JP:
to replace the menu in the “This Just In!” theme, open header.php, locate the lines
<div id="nav_menu">and
</div><!--close nav_menu id-->delete them and everything in between, and replace them with
<?php do_action('wp_menubar','your_menu_name'); ?>That should do the trick!
andrea,
Perfect! You Rock!
JP
Hi Andrea,
TQ for the great plugin. U’re a life saver
Anyway, in IE8, the subitems don’t disappear when the mouse leaves the menu. pls help ASAP. TQ
Regards,
Mary
Hi Mary,
I need to see a page displaying the problem, to try and solve it. Please send me a page URL to look at!
Hi Andrea,
Pls go to http://i106.photobucket.com/albums/m279/dayung/example-menu-IE.gif to see the image attached. Sorry cant give out the website to you.
The problem in IE is that when its onmouseout, the the submenu don’ disappear. It’s still there. Pls help. TQ
Hi Mary,
try adding this rule to your CSS, to fix the so called IE sticky bug:
li:hover {
visibility: inherit;
}
I’m going to update the templates soon with that correction.
Dear author. Is there any way for your widget to display the menu dynamically? For example, I want it to display all “pages” from the wp (as it happen with this widget, for example: http://shailan.com/wordpress/plugins/dropdown-menu). I like yours better, but it does not fit to those that are designing themes for clients as the clients will not take the time to learn and build the menu themselves. Any ideas how can your menu be “fixed” to display dynamically the pages only? Thanks.
Hello Greg,
you can create a menu via software, calling the function:
$menu = wpm_create_child (0, $menu_values);and then you can add menu items calling:
wpm_create_child ($menu->id, $item_values);The function is in wpm-tree.php, and you can find sample calls in wpm-admin.php.
I’m going to provide a documented API to create and manage menus in a coming Menubar update.
Awesome work, Andrea!
Is it possible in a future release that you could include the ability to create a menu from the blogroll? Or is it already there and I’ve missed it?
Hello Chris,
that feature is not available yet, but I’ll add it in one of the next Menubar updates. Thank you for the suggestion!
Great Plugin..!
Is it possible to add the #1 feature,
Duplicate Menu.
Allowing alternative CSS, especially useful if you offer alternative themes.
Hi Richard,
that’s a good suggestion, thank you! I’ll add that feature in one of the next Menubar versions.
Hi Andrea,
Thanks..! I look fwd to a Duplicate Menu Option.
maybe append the word copy to the duplicate to prompt name edit.
An export/import menu(s)?
maybe to a default CSS to avoid any template issues.
Also another small note,
though it did not catch me out, a delete menu confirmation prompt.
I was wondering if there was a way to insert a menu into a specific page (like a store page) and then insert a different menu into the about page.
Thanks!
Hi Kalki,
you can use a code like this:
<?phpif (is_page('About'))
do_action('wp_menubar','menu-about');
elseif (is_page('Store'))
do_action('wp_menubar','menu-store');
?>
Thanks! UBER helpful!!!!
hi…its not working…:-(
get a php error
Parse error: syntax error, unexpected T_STRING in /homepages/34/d301135614/htdocs/get-islate/wp-content/themes/iblog2/page.php on line 18
Hi Kalki,
sorry, the code above was flawed (missing parentheses). It’s fixed now, you can try again!
Great plug-in! Simple, straight-forward. My kind of plug-in.
But I recently upgraded to WP 2.9.1 and noticed my customized suckerfish red menubar isn’t appearing correctly. Not sure if the upgrade is responsible but I haven’t altered the css file since I installed the menubar months ago.
Can you help me figure out what’s going on? The test site is here: http://www.tayloreason.com/test/wordpress/
Thanks!
Oh… and I just realized it’s not working at all in IE7. Any help here?
Hello Taylor,
your menu looks OK to me even in IE7, did you try to clear the cache? Please let me know!
Hi Andrea,
Cleared cache and checked on two other computers but, even after playing with it a while, the white font only shows up when I hover, rather than being static. In IE7, it only shows the Home listing and all others are blank until I hover over them. In Firefox, only one menu doesn’t appear. This is the test site again: http://www.tayloreason.com/test/wordpress/
Would it help if I uninstall and reinstall the plugin?
Hi Taylor,
sorry I didn’t understand what the problem was. To fix the link color, open ssf-red.css, locate the line:
.ssf-red a, .ssf-red a:visited {and replace it with
.ssf-red a, .ssf-red a:link, .ssf-red a:visited {If that works for you, I’ll update all the Superfish templates accordingly.
Andrea,
That worked!!! Can’t thank you enough. Whew…
Cheers,
Taylor
Hi Taylor,
glad to hear the issue is solved, and good luck with your site!
I’m having trouble with the menus disappearing on boiservrentals.org when the mouse is not over them is this typical and how do I fix it?
Thanks for a great plugin and directions!
Hello Shelby,
it looks like you didn’t follow precisely the instructions for the theme header modification in http://www.dontdream.it/menubar-with-the-inove-theme.
You could try again starting from the original header.php. If you don’t succeed, I could do the file modification for you, please let me know!
That did the trick, thanks so much. As a note to others you may not want to edit the theme in the Editor tab within Wordpress.