[Resolved] Twenty Twelve Dropdown Menu Not Working
So I installed the Twenty Twelve theme yesterday because I love the way it looks. When I first installed it the navigation bar was working fine. My parent pages displayed and the child pages would dropdown when touched.
Somehow it quit working. If I add the child page to the menu it just displays like other pages, if I don’t add it to the menu it doesn’t show at all. I want to display the parent page on the menu bar and then have the child pages dropdown when there’s interaction with the parent page display.
Can anyone help?
It didn’t just “quit working”. What did you change? What did you update? What new plugins did you install?
What’s your site link?
This is the site. It actually did just quit working, I see what happened though. The default menu works just fine but when I create a custom menu it doesn’t drop down.
There’s no option in the menu creator to set dropdown option.
Hmmm…wonder what I can do? As you can likely tell, I’m not very tech savvy when it comes to this sort of thing. I built my first site ever just a few months ago with absolutely no knowledge of WP or anything else.
Did you remove the drop-down? If so, can you add it back in so we can diagnose the problem?
I didn’t do anything at all except create a new menu. When I set the created menu as the main menu it won’t drop down. If I select the blank box (no menu) as the main I get the dropdown.
I uninstalled the theme and reinstalled it and no change, I’m now using a child theme because I read that it’s better to modify on a child theme.
I can go back and set the original Twenty Twelve theme if that will help. Right now I have the child them I made activated. I also installed ‘Dropdown Menus’ plugin a few minutes ago in an attempt to get a dropdown. The plugin said to add ‘dropdown_menu()’ to the CSS, so I also did that.
This problem started before installing the plugin though, so I doubt it could be the culprit.
Looking at the menu at the top, with the links, “Home” and “Tips & Info” none of the lists have a drop-down menu HTML hierarchy.
E.g, this is that menu;
<ul id="menu-main" class="nav-menu"><li id="menu-item-66" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-66"><a href="http://ecignificant.com/">Home</a></li> <li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="http://ecignificant.com/tips-info/">Tips & Info</a></li> </ul>
Whereas if you had a drop-down menu, I would expect to see;
<ul id="menu-main" class="nav-menu"><li id="menu-item-66" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-66"><a href="http://ecignificant.com/">Home</a></li> <li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="http://ecignificant.com/tips-info/">Tips & Info</a> <ul> <li> ... </li> </ul> </li> </ul>
Sorry…you’re speaking gibberish to me….one thing that makes this so difficult is that I don’t know the first thing about code. I really need to learn soon.
How about if I switch back to the default menu. I really don’t mind using the default one except that it lists all the pages and I don’t really want the Terms or Privacy pages in the main menu.
Ok…I set the default menu. Now it’s working, you can see the child page under Tips & Info now drops down.
BTW…if I could get this figured out it would be great! I was having the same problem with the Twenty Eleven theme. I just don’t know how to make the custom menus drop down the child pages.
I had the same issue today after upgrading to WordPress 3.5 and twenty twelve theme. I was using a custom menu where the drop down menu was working perfectly fine. But after updating it did not work any more. Google search brought me here, and after reading the discussion I took another careful look at what is happening.
For my case at least, it turned out that Menu->Theme Location->Primary Menu setting was reset after the update. I selected my custom menu for that one, and now it’s working fine again. This worked for me, but it appears that your case is different than mine though.
P.S. This is my first post on the forum and I had to register just for this reply 🙂
I too, discovered this problem being new to WordPress and all.
So you set a custom menu. But you can’t see your drop downs because you probably didn’t include them in the Menu section.
I’m assuming you went to Appearance>Menus and set your Main navigation there, right? Are the sub pages included there too? If not, then you just have to tell it what you want your drop down items to be.
If you go there and add your Top menu item, say for example you want Tips & Info at your top main navigation and you want to have your Reviews as a drop down menu item. You have to add the sub pages you want for your drop down there too. To do this, under pages click on the pages you want to Add to Menu. Drag the pages you want as your drop down underneath the Tips & Info menu item. It should allow you to slightly tab it over.
I’ve attached an image if this sounds confusing.
Once you save, you should be able to see your drop down items appear.
Thank you Jessi.R.Davis. I didn’t know about that feature in WP. Didn’t know about the hierarchy setup in the menu creator. I just assumed that it would drop down the child pages as long as the parent page was listed on the menu.
Since I began this thread I switched to a different theme that I really like. It has lots of customization options, which is really cool. I think I like it the way it is now, without dropdown menus. It’s still great info to know and will come in handy in the future or on my other sites.
Thanks to everyone for the input. What a great community this is, where people are happy to help others. It’s something we could use more of in all areas of life.
After going back and looking into it a little more, I see this theme does support dropdown menus. The first time I tried it I used the wrong menu. Now the dropdown is setup and working perfect!
Again…thanks to everyone who contributed to this resolution. Special thanks to Jessi, who put it to me in terms that made sense. I learned something new today that will improve all of my website’s designs from here on and I’m grateful for that!
Thought I would add my two cents because I knew I was using the right menu system (because there was only one to choose from that I had created) and I also knew that by using the default menu system and not the customized menu that the drop down worked fine. The drop downs would only quit working once I attempted to use the customized menu.
I created a video to show how I was able to get the customized menu system to work….hope it helps someone:
Courtney L. Bostdorff
Thank you Courtney – I had exactly this problem and your solution was perfect.
First our shareaholic wouldn’t share correctly and then today we started getting an internal error message off and on throughout the day. I deactivated all of our plug ins and it seemed to work for a short while but now my drop downs on the nav menu won’t work and there are pages that aren’t showing up. Does anyone have any insight on these issues. The only change I made was deactivating the plugins. Literally no other settings have been changed.
I should add I am having issues ftp’ing into the site, so I don’t know how to change the .htaccess without being able to ftp.
I’d suggest starting a new thread per http://codex.wordpress.org/Forum_Welcome#Where_To_Post
- The topic ‘[Resolved] Twenty Twelve Dropdown Menu Not Working’ is closed to new replies.