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?
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!
p.s. you can copy both the browser window dimensions and screen resolution from here: http://supportdetails.com/
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.
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.
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!
- The topic ‘Top primary navigation with submenus not displaying well’ is closed to new replies.