I struggled to find the CSS or any sort of indication of how to hide these drop down arrows in the navigation in Canvas. I found the solution for other themes and old solutions for Canvas, but nothing was working. Then I thought I had it, but it wouldn’t always work. WOO Ninjas set me straight and pointed me to the Javascript line to comment out.

As of Canvas 5.2.3, it’s line 13 of /includes/js/general.js

jQuery( 'ul.sub-menu, ul.children' ).parent( 'li' ).addClass( 'parent' );

Comment that one out and you should be good to go. I’d actually prefer not to edit core files, so they also gave me this CSS option, but I’m not sure it worked consistently.

#navigation .nav li.parent > a {
padding-right: 1em;
}
#navigation .nav li.parent > a:after {
display: none;
}

Here’s a screenshot of the jQuery code.

Remove Drop Down Arrows in Navigation in WOO Canvas

Remove Drop Down Arrows in Navigation in WOO Canvas