[Resolved] Remove arrow dropdown icon for sub menus

[John]

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!

[Fernando]

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. 🙂

[John]

Hi Fernando,

Thank you for the reply!
https://staging.fusionofbeauty.com/
Cheers!

[Fernando]

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!

[John]

Beautiful – thank you Fernando!

[Fernando]

You’re welcome John!

[Author]

Posts