logo to be on the same line as the header menu and search on mobile

Hi there,

Try the Mobile Header:

https://docs.generatepress.com/article/mobile-header/

Isn't there a way of doing this with Widgets. I really don't have time to find out how to use css.

You simply need to enable the Mobile Header option in Customizer > Layout > Header. Under the Mobile header option you can add a separate logo, generally a smaller one is better as this will allow more room for the menu and search icons.