Archived topic
Secondary menu with dropdown menu not working
13 replies · Started by Emil Frølund on April 5, 2018
Hi,
the submenu (dropdown menu) is not working on mobile on my website gaming.envavo.com for the "my account" on the top right (the secondary menu). Is there something to do about that?
I have added this CSS to the top menu
.secondary-navigation .highlighted-top-bar a {
background-color: white !important;
color: #515151 !important;
}
.secondary-navigation .menu-toggle {
display: none;
}
@media(max-width: 768px) {
.secondary-navigation {
text-align: center !important;
}
.secondary-navigation ul {
display: block;
}
.secondary-navigation .sf-menu>li {
float: none;
display: inline-block !important;
}
}
.secondary-navigation .menu-toggle {
display: none;
}
Thanks
Hi there,
Can you link me to the site in question?
You can edit the original topic and use the private URL field.
Let me know :)
Gaming.envavo.com
Thanks
What version of GPP are you using? I'm seeing some CSS that isn't a part of the plugin which is causing the issue.
Hi Tom, thanks for taking time here in the weekend.
It's GPP 1.5.2 and GP 2.0.2
GPP 1.5.2 is quite old now.
Can you try updating first? https://docs.generatepress.com/article/updating-gp-premium/
updated now, did not help.
Sorry, it did help! now i can see the dropdown, but it immediately clicks the "my account" instead of letting me use the dropdown menu. it does not work if I try to press the arrow.
That's because your navigation dropdown type is set to hover.
Since you've disabled the mobile menu for the secondary nav, it will continue to use the hover dropdown type.
I see.. hmm, so if I choose click it should work? Is there a way to choose click only for mobile, and have hover for desktop?
If you choose click, it will work. However, it will apply to all menu items.
Doing it on mobile only is possible, but would take some pretty considerable coding I believe.
Let me know if you want me to take a shot at it.
What would the price be for such a job? :) Also, another way to fix it would be to make the main menu hover and the secondary menu click. I would suppose that is a bit easier?
Hi Tom, I found a temporary fix which I'm happy about for now.
I chose to set the secondary menu item (which has children) to "#" and have the hover option enabled, this gives the desired function on mobile and is fine for desktop. I just called it Account Menu, so people don't see it as a clickable item and gave it a burger menu icon.
Awesome, glad you got something working :)
