[Resolved] Why no sub menu items on mobile?

[Yael]

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?

https://www.suzannewest.com?bypass=preview

[Yael]

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?

[Yael]

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;
	}
}

[Leo]

Glad you found the solution 🙂

[Author]

Posts