Header formatting

Please can you tell me how to remove the search icon below? I don't require any search functionality on the header so I need to remove it and reduce the size of the header.

Also, is there any way I can make the logo bigger? I've made it 555x100 but would like it bigger, is that possible?

Hi Please share the URL of your website so we can suggest you most possible size of logo thanks. We can only do that after inspecting elements of your website. Your website's navigation and other available space areas. 

Hey please check your logo >> http://take.ms/V6uop you are using a transparent logo which is fine but you are ignoring extra space on right side. I have placed a black background in your logo to show you extra space your logo have on right side. Please remove that space using photoshop and then re upload your logo without any space in left, right, top or bottom. 

It will increase the size a little bigger. 

Second thing you can do to increase the width of logo please go to >> wp-admin >> appearance >> customizer >> additional CSS and add the following CSS changing the height you can adjust the size of logo. Please note you can go to a specefic height only otherwise logo will start stretching reason is available space of width, logo height increasing will adjust width simaltaniously as well. So keep changing number of height and see what looks perfect. 

.header .logo img {
   width:auto;
   height:45px !important;
}

In above code you can start changing 45 to your numbers theme's default height is 40px thanks.

To remove search icon please go to wp-admin >> appearance >> customize >> additional CSS and add following CSS make sure you add this CSS at end of any existing CSS there after any closing } if there is no CSS available already you can write it on top.

.header .search-wrap.float-right {
    display:none !important;
}

To remove search icon in moile phones add the following Code as well.

@media screen and (max-width: 39.9375em) {
  .header .search-wrap.float-right {
      display:none !important;
  }
}

Thanks for your response to ticket number 73. I've followed your steps but I still can't get the menu as I want it. 

It's quite complicated, so I'm using email as I can paste screenshots to help explain it. 

I want to use Header TYPE 1. (Customise > Header > Header Type)

Then, if I got to Header > Header Styling the only 'Navigation Background Colour' is for Header TYPE 2.

With Type 1, the navigation menu is within the top header on desktop view (this is OK, no problem), but when you view a narrow mobile screen it is pushed underneath and appears as a dark green menu (it's THIS menu colour that I want to change). 

If you want to change the background color of top-bar or navigation only in Desktop for the plumbing WordPress theme kindly follow step below.

Go to wp-admin >> Appearance >> Customize and add additional CSS and you can add following CSS which will make the only navigation background dark and the font color white. Links color will be white. You can use your own color as well instead of white or #ffffff;

.nav-wrap.nav-dark {
    background-color: #123840;   
}
.top-bar ul li a {
    color:#FFF;
}

If you want to make full header background dark and the links color white then you can add following CSS. By going to same area which i suggested you in point above.

.header {
   background-color:#123840;
}
.top-bar ul li a {
  color:#FFF;
}