Overlapping Logo just on Desktop, possible.

Hi there,

it is possible with this CSS:

@media(min-width: 769px) {
    .site-logo {
        position: absolute;
        top: 0;
        border: 4px solid #fff;
    }
}

However, the issue you will have is the logo will still be visible when you initially scroll up, and then you will see the Sticky Navigation sitting over it.... Without adding Javascript theres not much that can be done about that.

Let me know.

Thank you David :) can you have a look on it?
It's cutten on the bottom. First time I used you code it worked well.
Is there a possibility to have this on the sticky menu too?

Hi Jenny,

Let's modify David's CSS a bit.

Can you try this?

@media(min-width: 769px) {
    .site-logo {
        position: absolute;
        top: 0;
        border: 4px solid #fff;
        z-index: 99999;
    }
}

Thank you Elvin
Thank you David,

for your great support every time :).
It works perfect.

No problem. Glad to be of any help. :D