Archived topic
Why no sub menu items on mobile?
3 replies · Started by Yael on September 4, 2017
Viewing posts 1–4 of 4
Hello,
I just realized that the sub menu items do not show on mobile menu; only the main menu items?
How do change this so all the menu items (main and sub) show on mobile?
Okay, I realized why this was happening. I had added custom CSS to hide the sub menu icon
.menu-item-has-children .dropdown-menu-toggle {
display: none;
}
So the revised question is: how can I not display menu toggle on desktop (large devises) only?
Me again :) I think I resolved this with a media query:
@media only screen and (min-width: 769px) {
.menu-item-has-children .dropdown-menu-toggle {
display: none;
}
.main-navigation .main-nav ul li.menu-item-has-children > a {
padding-right: 30px;
}
}Glad you found the solution :)
This archived topic is closed to new replies.
