For Crisp White skin, the default logo block height is 60px, and the default menu block height is 60px; the total height of the header block is 140px (as regards the desktop view).

So, if you want to use a larger logo image, you will need to increase the height of these blocks, respectively.

For example, let’s add +20px to the height of the logo and menu blocks, and also add +40px to the height of the header block. Here is the code that should be added to your “Custom CSS” section:

/* DESKTOP VIEW */

/* Increase total height of header block +40px */
@media (min-width: 992px) {
  #header-area:after {
    margin-top: 180px;
  }
}

/* Increase logo and menu blocks height +20px */
@media (min-width: 992px) {
  #logo, .company-logo {
    height: 80px;
  }
  #header-bar {
    height: 80px;
  }
}

.header-right-bar {
  height: 80px;
}

/* Increase logo image height +20px */
#logo img, .company-logo img {
  max-height: 60px;
}

/* Adjust paddings for menu items */
/* Original padding: 20px 17px; */
.navbar-nav>li>a, .navbar-nav>li>span {
    padding: 35px 17px 25px 17px;
}

As regards the mobile view, let’s increase the heigh of the header and logo blocks, too (by adding +20px); for example:

/* MOBILE VIEW */

/* Increase header block height +20px */
@media (max-width: 991px) {
  #header-area:after {
    margin-top: 100px;
  }
}

/* Increase logo block height +20px */
.mobile_header ul.nav-pills {
  height: 80px;
}

/* Adjust paddings for menu items */
/* Original padding: 20px 10px; */
.mobile_header .nav .mobile_header-slidebar a {
  padding: 30px 10px;
}

/* Increase logo image height +20px */
.mobile_header .nav .mobile_header-logo #logo img, .mobile_header .nav .mobile_header-logo .company-logo img {
  max-height: 80px;
}