- This topic has 6 replies, 3 voices, and was last updated 5 years, 4 months ago by
.
-
Posts
-
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
Customer Support
Hi there,
Would this idea work for you?
https://generatepress.com/forums/topic/open-submenus-in-slideout-menu-by-default/#post-617696Hi,
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 🙂
- You must be logged in to reply to this topic.