Reply To: Making the Header Narrow, Reducing the Height…

Your site didn’t load the first time I took a look, but I just checked again today and can now see it. When I took a look at your header it looks fine to me. Did you get this fixed, or are you referring to something else?

When you mention you want your header to be “narrow” that means width……if you’re referring to the space on top and bottom of the logo in the header then that is different. Is that what you were referring to?

If you want to add more space to the top and bottom of your header, you can do so by adding padding to the .head-wrap on line 1881 like this –

.head-wrap {
    background: #303236;
    margin: 0 0 40px;
    padding: 10px 0;
}

Since your header looks fine, the only thing I would recommend is to remove some of the padding for your navigation in the header. If you look around line 1983 if you lower the padding it will center the nav to look more in the middle of the top and bottom. To do this, change the code around line 1983 to look like this –

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