How do I remove the arrow from dropdown menu

Hi There !!

.main-header-bar .main-header-bar-navigation .page_item_has_children > a:after, .main-header-bar .main-header-bar-navigation .menu-item-has-children > a:after, .site-header-focus-item .main-header-bar-navigation .menu-item-has-children > .menu-link:after {
    content: "\e900";
    display: inline-block;
    font-family: Astra;
    font-size: .6rem;
    font-weight: bold;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
    line-height: normal;
	display: none;
}

Try to add this CSS >> Customizer >> Additional CSS

Hi @madchuner, sorry for the delay.

There’s no feature to do this, however the CSS shared by @sandeepgiri123 above should work. Thanks for sharing Sandip ??

Or if you would like have a shorter one, the following should also work

.site-header-focus-item .main-header-bar-navigation .menu-item-has-children > .menu-link::after {
    display: none;
}

Let us know if you need more help, otherwise please mark the topic as Resolved.

Kind regards,
Herman ??

It does not work guys.

Hi @dedrami,

As per the forum guide, could you please start your own thread? You are more than welcome to cross-link it to this thread, so we are aware of both. Also, please don’t forget to share your site URL.

Kind regards,
Herman ??