Fix position of logo and menu to a specific part of background image

Hi there,
I’m having an issue with the positioning of the logo and menu on my website. The background picture has a notepad on it and I would like the logo and menu to be centered at the top of this notepad, regardless of the browser or device used. I’ve re-positioned it right now by adjusting the margins, but the position relative to the notepad changes with changing screen size. I can’t share the page because it’s not public at the moment (my boss would rather not have it visible yet), but hopefully the screenshot below illustrates what I mean. Do you have any advice on how to get this done?
Kind regards,

Hello Liz,

It looks like this issue requires some coding and testing on different screen resolutions, this goes beyond our support policy. It’s considered advanced customization. As an option, you can contact Codeable for this kind of service, or find a reputable freelancer on Upwork. Hope for your understanding.

Kind Regards, Roman.
aThemes Support