Mobile Responsive Header size

I want to know if I’m missing something. I am not able to change the header size on mobile or tablet views? This article https://oceanwp.org/responsive-controls-and-new-header-style/#comment-75341 Says that I can, but I don’t see how it’s possible.

I am Customizing > Header > General:

Under Style there is Height and I can set one height, but I want to be able to set the height for mobile. I have tried to edit the code in the child theme but I have no idea what I’m doing:

@media only screen and (max-width: 599px)
  {
      #site-header.minimal-header.effect-four.clr{
          max-height:50px !important;
      }
      

}

Please help me change the height of my mobile header!

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