Is it possible to hide the logo in a fixed header?

Site URL: https://www.blueridgeresearch.com/#about-2

Is it possible to hide the logo in a fixed header as it rolls through the index page? Does anyone have css code to accomplish that? Many thanks in advance.

12 minutes ago, mikevatech said:

Site URL: https://www.blueridgeresearch.com/#about-2

Is it possible to hide the logo in a fixed header as it rolls through the index page? Does anyone have css code to accomplish that? Many thanks in advance.

have you solved it?

No. I don't have it set currently as a fixed header because I was waiting to see if I could get css code to hide the logo. Do you have a solution?

Just now, mikevatech said:

No. I don't have it set currently as a fixed header because I was waiting to see if I could get css code to hide the logo. Do you have a solution?

let make it as fixed header I will hide on scroll

Okay. I set it as a fixed header. You can see that the logo looks odd and is not needed to show.

16 minutes ago, mikevatech said:

Okay. I set it as a fixed header. You can see that the logo looks odd and is not needed to show.

Yes, it look odds, better get it smaller using custom css, is your plan support js

.site-title img {
    width: 100px;
}

Thank you for that suggestion. Can't I hide it with css code?

3 hours ago, mikevatech said:

Thank you for that suggestion. Can't I hide it with css code?

yes, the fixed header no fire event when scroll that add a .shrink class name like the other type