How do i turn off menu animation?

Hello!

i`ve been trying to remove the animation of my menu while scrolling up and down. i got this bar behind it everytime. I just want it to stay static.

Thank you!

Hi,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site-header.float-header {
      padding: 20px 0;  
    } 

    @media only screen and (min-width: 1025px) {
      .site-header,
      .site-header.fixed {
        position: absolute !important;
        margin-top: 55px !important;
      }   
    }

Regards,
Kharis
aThemes Support

Thank you. worked perfectly. I’ve added some code to make it transparent as well

Here is my final code if someone needs it.

    .site-header.float-header {
      padding: 20px 0;  
    } 

    @media only screen and (min-width: 1025px) {
      .site-header,
      .site-header.fixed {
        position: absolute !important;
        margin-top: 55px !important;
      }   
    }

.site-header.float-header {
    background-color: rgba(0,0,0,0.0);
}

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support