Reduce Header height

Please post your website URl and I will provide you with custom CSS to reduce header height.

https://www.oshrak.co.il/

Add this code to Theme Options – Other – Custom CSS. This should do the trick.

@media only screen and (min-width: 767px) {
    .header-image {
        margin-top: -128px;
    }
    .hgroup-right {
        margin-top: 50px;
        position: relative;
        z-index: 1000;
    }
}

Hi,
I tried, it just reduced the height in the frame, not the header itself.

I need to reduce the height of the header . The logo looks too small

Thank you

Obviously this code doesn’t work because you have switched from using Custom Header image to regular logo. Decide which one you want to use and stick with that, so I can help you with custom CSS>

Thanks for the response.
I uploaded a logo which is spread width of the page

What I need is to reduce the area above and below the logo.

Thank you

https://www.oshrak.co.il/

Add this code to Theme Options – Other – Custom CSS:

@media only screen and (min-width: 1078px) {
    #site-logo {
        margin-top: 10px;
        float: right;
        max-width: 90%;
    }
}
.hgroup-wrap {
    padding-bottom: 10px;
    padding-top: 0;
}

@media only screen and (max-width: 767px) {
    #site-title a img {
        max-width: 360px;
    }
}    

@media only screen and (min-width: 1078px) {
    .hgroup-right {
        margin-top: 60px;
    }
}

This will make sure to remove margin above and below logo and will also tweak it to work better on mobile.