Site title between logo & manu

Sorry if this has been answered but can’t find it in the forum.

I want to display the site title between the logo on the left and the menu on the right, and be able to select font color and size for this. In the forum, I saw to add this at the end of functions.php

add_action( ‘ava_after_main_menu’, ‘enfold_customization_add_stuff_to_header’ );
function enfold_customization_add_stuff_to_header() {
echo ‘<span class = “site_title”>’.get_bloginfo(“name”).'</span>’;
}

But when I do this, the site title is left justified and overlaid with the logo. How can I position it between the logo and the menu.

Thanks,

Yvonne