Ok, I think I have done a poor job of explaining what I really want to do, or even understanding it myself. I want to have a logo in the Header area, not really necessary to overlap, just sit nicely inside header. I assume a logo in the header area will be resized accordingly on mobile?
But on desktop when the user scrolls down the page the header and it’s logo disappears and a small version of the logo appears on the primary menu which sits at top of page as it scrolls down.
Is this possible without all the overlapping I am doing? I think that is where I have gotten myself into trouble. Sorry for round about way of getting to what I really want
Thank you