WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Twenty Twelve Dropdown Menu Not Working (19 posts)

  1. stargiss
    Member
    Posted 1 year ago #

    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?

    [No bumping. If it's that urgent, consider hiring someone.]

  2. Andrew Bartel
    Member
    Posted 1 year ago #

    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?

  3. stargiss
    Member
    Posted 1 year ago #

    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.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Stargiss,

    Did you remove the drop-down? If so, can you add it back in so we can diagnose the problem?

    Thanks.

  5. stargiss
    Member
    Posted 1 year ago #

    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.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    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>
  7. stargiss
    Member
    Posted 1 year ago #

    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.

    Added:
    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.

  8. mihassan
    Member
    Posted 1 year ago #

    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 :)

  9. jessi.r.davis
    Member
    Posted 1 year ago #

    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.

    Image

    Once you save, you should be able to see your drop down items appear.

  10. stargiss
    Member
    Posted 1 year ago #

    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.

    EDIT:
    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!

  11. 360IslandTours
    Member
    Posted 1 year ago #

    Hi All,

    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:

    http://youtu.be/Ow69SNWTp3U

    Courtney L. Bostdorff

  12. akangaro
    Member
    Posted 1 year ago #

    Thank you Courtney - I had exactly this problem and your solution was perfect.
    Bill

  13. tvnikki
    Member
    Posted 1 year ago #

    We have had severe problems lately with our sites, wdkn.com and 1015theone.com.

    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.
    Thoughts?

  14. tvnikki
    Member
    Posted 1 year ago #

    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.

  15. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    I'd suggest starting a new thread per http://codex.wordpress.org/Forum_Welcome#Where_To_Post

  16. tvnikki
    Member
    Posted 1 year ago #

    Ok. Thanks.

  17. typeshed
    Member
    Posted 1 year ago #

    I've not read the whole thread, but I have had the same issues with my menu not working on twenty twelve - the issue in my case was a clash with Google Analytics (so my developer tells me:

    "It was the Google Analytics that was breaking the iPhone menu. I've fixed the menu problem so go look at GA and make sure it's still working there."

    Sorry I can't tell you how to fix it, but I hope this is a good starting point for someone!

  18. webmystery
    Member
    Posted 1 year ago #

    360IslandTours solution did not work for me. You need to do that, yes, but I already had the chidlren set up correctly in the custom menu for my twentytwelve child them. I had created some specific styling for the child menus based on the default navigation menu. The classes for custom menus are a little different. The solution is to find the style in your child theme that deines the look of the child/aka dropdown menus:

    .main-navigation li ul.children {your styles here}

    and appends it like this:

    .main-navigation li ul.children, .nav-menu li ul.children {your styles here}

    Voila! -- problem solved

  19. webmystery
    Member
    Posted 1 year ago #

    OK -not quite that simple - I was looking at the wrong thing - but the custom menu styles are what need fixing here.

Topic Closed

This topic has been closed to new replies.

About this Topic