Thank you very much for that. That works well.
On a mobile however it doesn't look to good with the menu icon in the middle, the search box is underneath, aligned right.
If my client does not like it, perhaps I could just have the search icon at the side of the page, always in the same position. Would that be a shortcode added to the header to achieve that?
Thanks again for your help.