Hi,

Thanks for contacting us. Use this custom CSS and use that height which you want.

header#sp-header {
    height: 130px !important;
}

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.

-Regards.

Thank you. But I would like to set it on 80px, and when I do this, the logo and the menu stay off alignment, they stay in the vertical center of 110px. You can see it live on site right now.

Any help?

Use this custom CSS

#sp-header{
  height:80px
}

.sp-megamenu-parent{
  bottom:10px;
}

.header-modules .search{
    bottom:10px;
}

.burger-icon{
  position:relative;

   bottom:10px;
}
.logo-image {
    position: relative;
    bottom: 10px;
}

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.