Float-header to be added sooner

Hello.

I am interested in making the header “site-header fixed float-header” sooner as currently the logo in the header goes over the text on the site before the header becomes “site-header fixed float-header”. Could someone tell me how I can achieve that?

Thank you in advance for your time and help.

Hello,

I would be glad to help you, but can you please provide a link to your site in order to let me check it?

Kind Regards, Roman.
aThemes Support

gemworthhealth.com

I would like the header to become a fixed floating header as soon as there is any scrolling detected on the screen.

Thank you for in advance.

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (min-width: 1025px) {
    #masthead.fixed {
        box-shadow: 0px 1px 10px -2px rgba(0,0,0,0.41);
        border-radius: 0px 0px 5px 5px;
        background-color: rgba(255,255,255,0.9);
        padding: 5px;
        margin-top: 0;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Thank you so much roman, it works perfectly!

1 Like

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support