Resolved How to change mobile header size to bigger

Hi,
You have to use a media query for that!
Here you go with sample code:

@media (max-width: 991px){

  body.predefined-header1 .body-wrapper #sp-header{

    position: relative !important;

    height: 100px !important;

  }

  #sp-header .sp-header-inner {

      height: 100% !important;

  }

  #sp-header .sp-header-inner .logo-wrap{

    display: flex;

    align-items: center;

  }

}

Please add this code to your custom CSS.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn

Best Regards