Archived topic
Drop down menu without arrow
5 replies · Started by Kristijan on July 30, 2017
hi,
please let me know how to turn off the arrow showing in primary navigation when there is a primary sub-navigation included?
thanks,
Kristijan
Hi there,
This should help: https://generatepress.com/forums/topic/arrow-on-menu-drop-downs/#post-172450
ok, thanks
When applied, it removes the arrow in mobile menu also.
Then, without arrow, when clicking on menu item on mobile, the sub menu is not opened.
Can sub menu be opened without using the arrow in mobile?
You can either create a separate menu for mobile so there are no submenus (like this site)
Or wrap the CSS so it's desktop only:
@media (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: 20px;
}
}
yes, it works, thanks!
No problem!