Custom CSS Removes Logo

I’ve added some custom CSS to the child theme and it removes my logo and ignores all other customization in the header. How do I get it to not do that…

@media only screen and (max-width: 599px)
 {
    header#site-header {
       height: 50px;
    }
    #site-logo #site-logo-inner {
       height: initial;
    }
    .oceanwp-mobile-menu-icon a {
       line-height: 50px;
    }
 }

All I wanted to do with the above CSS was to change the header size for mobile. Is there another way?

Thanks

• This topic was modified 6 years, 4 months ago by aleejelly.
• This topic was modified 6 years, 4 months ago by aleejelly.
• This topic was modified 6 years, 4 months ago by aleejelly.

The page I need help with: [log in to see the link]