If you decide to go with the plugin I suggested,
There is the option in the plugin setting to insert your logo into the header, so they will look mostly the same as you currently have, so you don’t need to worry about that.
(The default plugin settings have the site text only but you can change that.)
To remove the white space, simply edit your homepage (dashboard->Pages… your home page)
then scroll down to the bottom of the page to find the “Agama options” meta box.
– Open the “Page” tab, and insert the “0px ” value into Page Content Padding margin-top text box. https://prnt.sc/nh4qir
Thanks for your help! One more question – I’d like to display a full-screen (720px X 1080px) image-based header on mobile while keeping the same header as current on desktop and tablet. Is this possible to do?