-Site logo

Site URL: https://www.hairystories.com/

My site logo image is tiny (top-left 'Hairy').  When I make it taller, it makes my header much taller.  I adjusted the logo height, but it seems there's some sort of buffers or margins within the header that are making higher than I want.  Sort of like 'margins' in a document.  I'd like to slot my logo in there with minimum margins above and below it (i.e. without having to make my header taller).  Any advice would be much appreciated! 

Add to Home > Design > Custom CSS

/* Logo size */
.header-title-logo img {
    max-height: 100px;
}