[Resolved] Remove arrow dropdown icon for sub menus

Home Forums Support [Resolved] Remove arrow dropdown icon for sub menus

Home Forums Support Remove arrow dropdown icon for sub menus

  • This topic has 5 replies, 2 voices, and was last updated 1 month ago by Fernando.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2275616
    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!

    #2275634
    Fernando
    Customer Support

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

    #2275641
    John

    Hi Fernando,

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

    #2275668
    Fernando
    Customer Support

    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!

    #2276534
    John

    Beautiful – thank you Fernando!

    #2276630
    Fernando
    Customer Support

    You’re welcome John!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.