Twenty Fourteen
[closed] Top primary navigation with submenus not displaying well (11 posts)

  1. Pete Houston
    Posted 2 years ago #

    I've just found an issue with the top primary navigation, if one item contains many sub-menus, then it keeps displaying on the right, and it looks like disappearing.

    You can check the sample on my page: http://pcode.petehouston.com/
    the menu on top right, Tips 'n Trick

    Any guide to make it direct to the left if not enough space to display item on the right?

    Best Regards,
    Pete Houston

  2. Hi Pete, at what browser window size and screen resolution are you experiencing this issue? Have you removed the submenu for now? I'm not seeing it. Thanks!

  3. p.s. you can copy both the browser window dimensions and screen resolution from here: http://supportdetails.com/

  4. Pete Houston
    Posted 2 years ago #

    @Kathryn: I updated it, you might want to check it out. http://pcode.petehouston.com/
    The menu item on the top primary navigation: Tip 'n Tricks

  5. Thanks. I don't think there is a way to avoid that since the submenus fly out to the right. Some workarounds I can think of are:

    • move the Tips n Tricks item further left in your custom menu order - say, between Home and Notes
    • leave Tips n Tricks where it is and add use some custom CSS to add some space between the entire menu and the search icon
    • don't have a dropdown menu for Tips n Tricks, but make a landing page instead which lists the sub-pages

    Let me know if you need help with any of these.

  6. Pete Houston
    Posted 2 years ago #

    @Kathryn: thanks, those are also what I'm thinking of since this is still the issue of WordPress and user-experience.
    I'm considering of implementing this kind of menu: http://0.s3.envato.com/files/16920118/03_megadropdown.png

    The dropdown and listing menu like this, really fit the Twenty-Fourteen theme.

  7. Using a menu plugin like that is definitely another option! Let me how it goes.

  8. wpuser555
    Posted 2 years ago #

    Hi, I want to jump in the discussion. You can actually create drop down sub-menus in Twenty Fourteen. You only need to move the navigation item bar (in Appearance>Menu) slightly to the right below a main menu. The drop down menu like the example quoted by Kathryn works beautifully on PC and logged in users in mobile devices.

    But it did not work for users who are not logged in. As my login menu is part of the top primary menu, users cannot even see where to log in. I press the navigation icon next to search. There's no response. The search box also does not show up either. They work fine once I am logged in. Does anyone know why and how to fix? Thank you.

  9. wpuser555 - would you mind starting a new thread for this? Drop a link to it here so I'll find it. In the new thread, please provide a link to your site. Thanks.

  10. Cecivusa
    Posted 2 years ago #

    Hello! Thank you for helping.

    I am using theme twenty fourteen.

    When I shrink my screen to check the functionality of the website on my devices the top drop down menu icon doesnt work and doesnt display it.

    My site is http://central-monterrico.com/

    Thanks in advance!

  11. Cecivusa - please start a new thread as this one is over 4 months old and about a different issue.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic