Archived topic
Mobile version not displaying submenus
5 replies · Started by Margot on February 5, 2018
Not sure how it got this way but my website is not displaying the submenus on mobile. I would like to be able to have them visible on mobile. Is this possible?
Hi there,
It's hidden by this CSS you've added:
.menu-item-has-children .dropdown-menu-toggle {
display: none;
}I'm guessing you want to make them, and lots other navigation CSS desktop only:
https://docs.generatepress.com/article/responsive-display/
I see. I set it to that for the regular desktop view because I don't want to see the down arrow on desktop. But I want to see the arrow and drop down on mobile view (which doesn't show up). What is the display supposed to be set at for mobile? Is it block?
Just wrap everything you only want on desktop with media quarry as the linked I provided above:
@media (min-width: 1025px) {
/* CSS in here for desktop only */
}Gotcha. That works!
No problem :)
