Remove chevrons in navigation

[PBB]

I would like to remove the chevrons that appear next to items in the navigation that have a sub-menu. Reading previous posts from several years ago I tried the following, but it didn’t work. Any suggestions?

body .x-navbar .x-nav li>a>span:after {
    display:none;
}

[prakash_s]

Hello @PBB,

Thanks for writing to us.

In case you want to remove the sub-menu icon of the desktop navigation I would suggest you please add this custom CSS code to the Global CSS.

.x-navbar .desktop ul.x-nav li span i {
    display: none;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks