Fixed header menu when scrolling?

Hello,

Can you please share link toy our site so that I can help you with some CSS for adjusting that?

Looking forward for your reply.

Thank you.

https://www.playliston.net/

Thanks for responding.

Add following CSS

#masthead {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#home-slider {
    margin-top: 47px;
}

Thank you very much!

It works ??

one small problem

the headline text on pages like https://www.playliston.net/covers/ is a little bit to high. how do i correct that?

i like to get the text 15px lower if possible.

UPDATE:

Also when i login as a admin the top admin menu is hiding the website menu

Screenshot: https://www.playliston.net/oeps.png

Hello,

Try adding this CSS also for adjusting that:

.site-main {
    margin-top: 45px;
}
.logged-in #masthead {
    margin-top: 30px !important;
}
.logged-in .site-main {
    margin-top: 75px;
}

Hope that helps.

Thank you.

Thanks again.

The final solution was

.site-main {
    margin-top: 45px;
}
.logged-in #masthead {
    margin-top: 30px !important;
}

the little code below. Was causing a white bar between the header and the slider after i was logged in, so i removed the whole line and everything works fine now.

.logged-in .site-main {
    margin-top: 75px;
}

Glad to know that you got it working. please mark the thread as resolved.

I will. Thanks for your support!