Removing dropdown arrow from menu

  • eztshirtprints

    (@eztshirtprints)


    5 years, 10 months ago

    i am trying to remove the dropdown arrow from my menu. i have disabled a page but i still see the dropdown menu not working. i tried all the below codes but the dropdown arrow still appears:

    .main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
    display: none;
    }

    • This topic was modified 5 years, 10 months ago by Jan Dembowski.
Viewing 1 replies (of 1 total)
  • yvejr

    (@yvejr)

    5 years, 10 months ago

    I do think having a drop-down indicator of some sort is best in order to let visitors know that there are more menu items in a drop down. However, if you decide to hide the drop down, try this CSS: 

    #menu-main-menu-new .fa-angle-down {
    display: none;
}

    You might also be able to disable that indicator in your theme 🙂

Viewing 1 replies (of 1 total)

The topic ‘Removing dropdown arrow from menu’ is closed to new replies.