WordPress.org

Support

Support » Themes and Templates » Twenty Fourteen » Top primary navigation with submenus not displaying well

Top primary navigation with submenus not displaying well

  • 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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    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!

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

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

    @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

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    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.

    @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.

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

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

    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.

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    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.

    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!

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Top primary navigation with submenus not displaying well’ is closed to new replies.
Skip to toolbar