Logo and hamburger menu on same line in mobile

Please let me know how to have the menu of a Zakra Pro site have the menu as follows.

It is set to have logo left and menu right on laptop and tablet. On tablet the hamburger menu says ‘MENU” next to it.

On mobile we could like the logo left and the hamburger menu right with no text next to the hamburger menu.

When we set the mobile menu to have logo left and menu right, the logo and menu appear on 2 different lines.

See screenshots of the point it appear okay until, and then how the line breaks and looks untidy on small mobile screens:
https://six.terraso.org/wp-content/uploads/2021/04/0000mobile2.png
https://six.terraso.org/wp-content/uploads/2021/04/000mobile1.png

Thanks.

The page I need help with: [log in to see the link]