I’m trying to add this to a website too, same use-case as the OP, but I’m not finding it working well for me. I assume I’m doing something wrong but haven’t figured it out yet.
I changed the CSS code to…
#bricks-header.scrolling .logo-container {
height: 0;
}
Even tried changing “0” to “0px” assuming that was missing, but still no change.
I added the CSS code to both the header container overall, and also tried on the first container (logo-container) which is the part I want to hide on scroll while keeping the second container holding the nav and phone icon to be always displayed.
Has anyone been able to get this to work properly? I assume I’m missing something.
If it helps, the site I’m working on right now is https://www.staging.mrsteampro.ca