Change Arrow Icons in New Navigation Block

Hi Christian,

I don’t think there’s a built-in way for this, unfortunately.

Yes, you can use the general WP filter nav_menu_item_title, GB uses the same filter to add the default dropdown arrow:

add_filter( 'nav_menu_item_title', function( $title, $menu_item ) {

    if ( false === strpos( $title, 'gb-submenu-toggle-icon' ) ) {
        return $title;
    }

    $old_svg = '/<svg class="gb-submenu-toggle-icon.*?<\/svg>/s';

    $new_svg = '<svg class="gb-submenu-toggle-icon" viewBox="0 0 24 24" aria-hidden="true" width="1em" height="1em" fill="currentColor">
        <path d="M7 10l5 5 5-5z"/>
    </svg>';

    return preg_replace( $old_svg, $new_svg, $title );

}, 20, 2 );

Just update the SVG code for $new_svg.

No, that’s different, it’s not a menu item.

No Problem 🙂