My site is disruptivevision.com and I need to reduce the height of the header. I’m using the Sticky header with social icons and additional navigation. I thought it would be fairly easy but i can’t figure out how to reduce it. I want the header to be just a little bit larger than the what it is when it’s reduced after scrolling.

The code given for header is working great thanks, how ever we are having the trouble with the logo size now.
When we upload the logo in 343 width and 156 height it’s looking fine on the desktop but overlapping on the mobile. We uploaded a bunch of different sizes and found that 241 x 157 worked. The logo in the image is end to end horizontally but there is a lot of vertical space. This is ok but now the logo is too small, we tried increasing the width and expanding the logo in the image but that only seems to make the logo smaller.