Reply To: Reducing the height of the top area that holds the logo

First you could either adjust or remove the “min-height” for the logo/tile area. This can be found around line 1955 in your style.css file –

.header-image .site-title a {
    float: left;
    min-height: 164px;
    width: 100%;
}

If you remove the min-height: 164px; line it will remove the height for the logo area which will free up some space…..but first, you’ll need to adjust the padding in the widget area on the right in order for that to take effect.

To adjust the padding for the widget area, look for .header-image .site-header .widget-area around line 1975 and edit the padding like this (example) –

.header-image .site-header .widget-area {
    padding: 20px 0;
    padding: 1.25rem 0;
}

This theme uses rem in addition to pixels (px) so if you add 20px you would need to find calculate how much 20px would be in rem. Most browsers will use the “rem” by default over the “px”. The easiest way to calculate it is to look at a site like this – https://offroadcode.com/prototypes/rem-calculator/ which will automatically show you what each px equals. If you don’t want to use the rem, then just remove it and use the regular px as normal.