Need help to hide logo when scroll down in mobile

Hi, I can definitely help with this. Unfortunately I’m in south Houston that just got some bad weather and my internet is down. I’m replying on my phone right now but you could try adding this css to your logo custom css area

@media (max-width:768px;) {
.she-header selector img {
display: none !important;
}
}

That code will keep everything else aligned/positioned the same. If you want other elements to act like it’s not there at all just remove the “img”. That will allow the menu to move all the way to the left with the “space between” horizontal column layout.

Let me know if that works for you. If not, I can take a look on my computer when my internet is working again. Hope this helps.

The weather has cleared up and my internet is back on so I was able to take a better look.
Try this code. It can be placed anywhere you like.

@media (max-width:767px) {
.she-header .elementor-widget-image {
    display: none !important;
    }
}

Also, I noticed that setting the logo position to absolute, or using negative bottom margin to get the logo to extend below the header might help the header to not have to load full height before shrinking down. Just an idea. I can help with that as well if you like.

Let me know if this code works for you or if I can help with anything else

• This reply was modified 2 years, 7 months ago by Robert Wattner.

If you could email me I will be able to help further. rwattner@gmail.com