Need to disable the header animation

Hi!

First of all, please have a look at my current website.

I want to make the header non-transparent, I could achieve that with custom CSS.
Now I want to remove the animation that appears when you scroll to the bottom (the text moves upwards).

This is my current custom CSS:

.site-logo {
    max-height: 40px;
		margin-top: 10px;
		margin-bottom: 10px;
}

.site-header {
		height: 4em;
    background-color: #333;
}

.site-header.float-header {
		height: 4em;
    background-color: #333;
}

How would I do that?

Thanks a bunch!

Hello, try to use the following CSS code.

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

#masthead {
    padding: 0;
}

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

Kind Regards, Roman.

1 Like

Thank you so much! It works!

Great! You are welcome :slight_smile:

Kind Regards, Roman.

1 Like