Logo animation when scrolling down

hey there. i am building www.bambushammer.de and i wanna get my logo fixed on the page. how do i stop the animation when i scroll down the page? i got it working at the menu and background, but i am not good enough in css to fix it for the logo.

since i added a lot of code i will post just everything that in the additional css tab of the customizer so you can investigate. maybe there is something interfering.

.sydney-social-row i {
font-size: 50px;
}

.sydney-social-row a,
.sydney-social-row i {
width: auto;
}

.sydney-social-row i:before {
position: static;
}

.sydney-progress .elementor-progress-wrapper {
height: 10px;
line-height: 1;
}

.sydney-progress .elementor-progress-percentage {
font-size: 16px;
position: relative;
top: -30px;
}

.sydney-progress .elementor-progress-bar {
height: 100%;
}

.sydney-progress .elementor-title {
margin-bottom: 10px;
}

.header-wrap .container {
padding-top: 0;
}

.header-wrap .col-md-8{
height: 10px;
position: absolute;
top: 10px;
right: 10px;
}

/* CTA */
a.roll-button {
background-color: rgba(146,90,82,0.7);
border-color: rgba(99,58,52,0.7);
color: rgba(236,231,223,1);
border-radius: 100px 0px;
border-width: 5px
}

/* CTA hover */
a.roll-button:hover {
background-color: rgba(92,168,0,0.7);
border-color: rgba(58,99,52,0.7);
color: rgba(255,255,255,1);
border-width: 5px
}

/* Menu */
.site-header {
background-color: rgba(0,0,0,0.7);
height:40px;
}

/* Menu after scrolling */
.site-header.float-header {
background-color: rgba(0,0,0,0.7);
height:40px;
}

/* SubMenu */
#mainnav .sub-menu > li > a {
background-color: rgba(0,0,0,0.7);
color: #ffffff;}

/* SubMenu hover */
#mainnav li > .sub-menu > li > a:hover {
background-color: rgba(0,0,0,0.7);
color: #aaff00 !important;}

/* Content Background */
.page-wrap .content-wrapper {
background-color: transparent !important;}

/* Go-To-Top Button */
a.go-top {
background-color: rgba(99,58,52,1);
color: rgba(247,238,230,1);}

/* Go-To-Top Button hover */
a.go-top:hover {
background-color: rgba(92,168,0,1);
color: rgba(255,255,255,1);
}

/* Team Effect */
.roll-team .team-item:hover > .team-inner .pop-overlay {
display: none;
}

/* Team Border */
.roll-team .team-inner {
background-color: rgba(99,58,52,0);
}

/* Footer */
.footer-widgets {
padding: 0px 0;
}

/* Slider Text + Subtitle */
.text-slider .maintitle, .text-slider .subtitle{
color: rgba(247,237,229,1);
text-shadow: 0px 0px 15px rgba(0,0,0,1);}

/* Slider Divider */
.text-slider .maintitle:after {
background-color: rgba(247,237,229,1);
}

/* Logo Position */
.site-header .container{
width: 100%;
padding-top: 0px;
padding-left: 30px;
padding-right: 0px;
}

/* Individual Page Title */
.page-template-default .hentry .title-post {
display: none;
}

/* Individual Page Header*/
.header-image .overlay {
background-color: transparent;
}

/* Submit Button Contact Form 7 */

.wpcf7-form input[type=“submit”] {
background-color: rgba(146,90,82,0.7);
border-color: rgba(99,58,52,0.7);
color: rgba(236,231,223,1);
border-radius: 100px 0px;
border-width: 5px
}

/* Submit Button Contact Form 7 hover*/

.wpcf7-form input[type=“submit”]:hover {
background-color: rgba(92,168,0,1);
border-color: rgba(58,99,52,1);
color: rgba(255,255,255,1);
border-width: 5px
}

/* Hide Page Titles*/
.page-id-670 .entry-header {
display: none;}
.page-id-667 .entry-header {
display: none;}
.page-id-722 .entry-header {
display: none;}
.page-id-729 .entry-header {
display: none;}
.page-id-725 .entry-header {
display: none;}
.page-id-752 .entry-header {
display: none;}

Hello, try to use the following CSS code.

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

#masthead {
    padding: 20px 0;
}

But please note that your mobile header doesn’t look good.

Kind Regards, Roman.

do you mean because it does overlapp? i didnt look much into the mobile version yet. is it possible to move it out of the way or even hide it for the mobile version?

Hello,

do you mean because it does overlapp?

Yes, because it overlaps. But please create a new topic for this issue to keep forum in good order and make it easier to help you. I’ll close this topic to avoid confusion, hope for your understanding.

Kind Regards, Roman.