[Resolved] Control the size of Site Header

Hi Arye

Thanks for reaching out.

To allow more space for your site title, add the following to your child stylesheet:

/* Header Widths */
.site-header .site-branding-container {
	max-width: 45%;
}

.main-navigation {
    max-width: 55%;
}

Try the following to adjust the header height:

/* Header Height */
.site-header,.site-header .container,.site-header .site-branding-container,.main-navigation .menu-search {
    height: 112px;
}

.main-navigation div > ul > li > a,.main-navigation .menu-search .search-icon:before {
    height: 112px;
    line-height: 112px;
}

.main-navigation ul ul {
    top: 109px;
}

The last value must be 3px less than whatever you set the 112px values to. Header height is a feature of the premium theme Customizer if you’re interested.

Hope that helps.

Sure. You can control the site title size as follows:

/* Site Title */
.site-header .site-branding h1.site-title {
	font-size: 36px;
}

Unfortunately, there isn’t currently a method in CSS to target specific words.