- Sub menus do not align with the menu
- Part of submenus not visible
- Sub lists can be seen in the source code of the page, but dropdown menu doesn't work
- I checked home link on options page, but it doesn't appear on my menu
- Home checkbox is checked but i don't see Home Link on the menu?
- How can i sort / change order of items in my menu?
- Your problems not solved?
Sub menus do not align with the menu
This is generally caused by CSS rule that gives submenus a constant width. To remove that constant width of submenus, simply put following code in your Custom CSS area in the options page:
ul.dropdown ul { width: auto !important; }
Part of submenus not visible
The container element may have overflow:hidden in CSS code. This cuts overflowing elements and they are only partly visible. Try removing overflow attribute from the container element.
Sub lists can be seen in the source code of the page, but dropdown menu doesn’t work
This is generally caused by themes changing jquery code. Try disabling effects, if that works it means your jquery version is changed by your theme. If it still doesn’t work you need a wp_footer call in your footer.php file.
I checked home link on options page, but it doesn’t appear on my menu
You are probably using Custom menus. For custom menus you have to add “Home” item from Pages in the WordPress “Menus” page. Plugin doesn’t add any custom links (home/admin/register) to the menu for Custom Menus.
Home checkbox is checked but i don’t see Home Link on the menu?
If you are using a wordpress menu you have to add it to your menu yourself.
How can i sort / change order of items in my menu?
You can only do this if you are using Appearance->Menus to define your menus. Automatically generated menus (Categories and Pages) can not be sorted.
Your problems not solved?
Issue your problem here with URL of the site. And I will add the solution.
Is there a way to make the width of the submenu the 100%, so it runs the width of the screen? I can only get it as wide as the parent
Nope. Unless you give a certain width to all elements, you can’t .
Hello, we implemented this plugin on a test site, but can’t get the drop downs to appear. They code doesn’t show the submenus either. Any ideas? http://etech.916networks.com
Thanks!
You are using a WordPress Custom Menu. To see subpages, you have to add them to menu too. Watch the video tutorial here.
Ah, yes, there it was. Thanks a ton! Great plugin.
I’m using the plugin at http://fathersebastiaan.com for the BOOKS menu, but checking “Vertical menu” in “Template Tag” didn’t work (menu still displayed horizontally). I solved the problem by adding “display: block;” to “ul.dropdown ul li a”, but thought you’d want to know.
Other than that, this is a brilliant, easy-to-use plugin, and I thank you for it!
How do i make the total width of the menu say 950px regardless of the text size? I am using custom css. Thanks for a well built highly configurable plugin.
The best method to make a fixed width menu is giving width values to top level a elements. For example if you have 10 links on top level each item must be 95px in size. Set it in CSS like that:
ul.dropdown li a{ width: 95px; /* Setting width for top level items */} ul.dropdown ul li a{ width: auto; /* Remove width for sub levels */}Hi there, great plugin!
For some reason – despite the theme – the menu continues off the page on Chrome. Works perfectly in IE/FF, but in chrome it doesn’t create a ‘new line’, it just continues
It is because dropdown container doesn’t have a width attribute. Please send me a link to your site and I can provide code to fix that issue.
I used drop-down-menu widget for sidebar but it does not show page-links when not logged in… How to make them visible for everyone?
rgds,
Jeroen
Maybe your pages are in Draft mode? You need to publish them. Register and login links wont appear if registrations are closed.
Hi,
i hope you are still around to see this. I installed your plugin and it works great except for one little thing. When you hover the menu child elements the background changes, right? the problem is that it only highlights the space that is immediately around the word, and not the whole line which looks better. I tried to change this by adding width:100% to li.parent ul li a:hover and so the hover extends now through the whole line. The problem now is that it extends also outside the submenu container as you may see in the picture below
http://img135.imageshack.us/img135/1724/menu1.gif
i can correct that by removing the padding in li.parent ul li a but then i get something like this:
http://img607.imageshack.us/img607/2958/menu2w.gif
which doesnt look right either. I wonder what can i do so the submenu container width changes according the width of the menu child element.
Thank you.
Seems like your menu has a width attribute defined somewhere in CSS. Send me a link to your site.
Hi- I’m getting a 404 code using your plugin due to something at about this line:
echo “\n”;
I can’t seem to resolve it without breaking the plugin. Is there a way to remove this without breaking everything?
That line just prints a line break. You need to specify more details about the problem + a link to your site online. thanks.
Looks like my code got cut out. The site is https://kaelindesign.com, and the line is something like 549 in the DropDownMenu.php file. It’s right after the start of the header function where the theme url is given in an if else statement. If theme is none && custom, etc.
Hi, this is my site:
http://www.mediar-intel.net/wordpress/
and yes, as i said in my first post i added a width of 100% to the class li.parent ul li a:hover because i want the hover to appear on the whole line just like in the menu of your page (the submenu of WordPress) but i dont want it to go out of bounds like it does now.
Thank you.
Your menu seems ok to me.
http://imageshack.us/photo/my-images/835/clipboard01mg.jpg/
Do you want to fit sub menu widths to parent items?
Yes, sorry but i had to perform a little trick in order to make it look right. Actually what i did is to add an space before and after the name of every category in the menu section, otherwise they will fit too tight inside the submenu. Now it looks as i intend, but its not the best method so i would like to fix it the right way, with CSS. How can i make it look right like the menu on your site? i mean of course, with my own colors. Thank you.