Archived topic
Remove arrow dropdown icon for sub menus
5 replies · Started by John on July 6, 2022
Hi there,
How can I remove the dropdown icon arrow to show there are sub menus?
I can apply this css
@media (min-width: 1060px) {
.menu-item-has-children .dropdown-menu-toggle {
display: none;
}
}But then it skews the way the menus space - making them uneven/irregular vs those that don't have dropdowns.
Any optiosn for this?
Thanks!
Hi John,
To have a better understanding of the issue, may you kindly provide the link to the site in question?
You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Hope to hear from you soon. :)
Hi Fernando,
Thank you for the reply!
https://staging.fusionofbeauty.com/
Cheers!
Thank you for sharing the link to your site!
Here’s a CSS you may try adding through Appearance > Customize > Additional CSS:
@media (min-width: 1025px) {
.menu-item-has-children .dropdown-menu-toggle {
display:none;
}
.main-navigation .main-nav ul li.menu-item-has-children>a {
padding-right: 8px;
}
}Hope this helps!
Beautiful - thank you Fernando!
You’re welcome John!
