Archived topic
sub menus on mobile navigation are missing
6 replies · Started by Marc on July 24, 2018
Hi,
in desktop view, my sub menus appear when I hover on the main navigation. When I go to mobile view and click on the hamburger icon, the main navigation shows up but I can´t see the sub menus (even if I click on the main menus). Is it possible, that all the sub menus of all main navigation points are already folded out if I go to mobile view and click on the hamburger icon?
Thanks! Marc
Hi there,
Would this idea work for you?
https://generatepress.com/forums/topic/open-submenus-in-slideout-menu-by-default/#post-617696
Hi,
I´d like to have the parent menu items in a different background color than the sub menu items (in the slideout navigation). Is this possible with this method (separate menu)?
I think I found another way. I´ll create a separate mobile navigation bar with Elementor and hide the Generatepress bar on mobile. Can you give me a CSS for hiding the navigation bar on mobile?
There should be a way using GP as well.
The drop down arrows aren't showing because you've added this CSS to hide it:
.menu-item-has-children .dropdown-menu-toggle {
display: none;
}If you want to hide it on desktop, try using media query:
@media (min-width: 769px) {
.menu-item-has-children .dropdown-menu-toggle {
display: none;
}
}More info here: https://docs.generatepress.com/article/responsive-display/
I used the following to keep the indicators on mobile but not on desktop. This method doesn't mess up the menu item width or padding.
@media (min-width: 769px) {
.menu-item-has-children .dropdown-menu-toggle:before {
content: none;
}
}
Looks good :)
