Stop Page-Title section from ease in

Hello,

The Headers have Fixed Sizes by default. So when you change the Header Height or Logo Height forcefully (see attached) in the CSS, the Headers are then sized using JS according to the header content. If you plan to use Custom Heights for the Header, consider using the CSS Codes from this Documentation: http://docs.semicolonweb.com/docs/header/header-heights/ .

For your Logo Height of 150px, your Custom Header Height CSS Codes should be this:
[ch_pre type="css"]/* Custom Header Size
-----------------------------------------------------------------*/
.header-size-custom #logo img {
height: 150px;
}

@media (min-width: 992px) {

.header-size-custom .header-wrap-clone {
	height: calc( 150px + 1px );
}

#header.header-size-custom + .include-header {
	margin-top: calc( -150px - 2px );
}

.header-size-custom.sticky-header-shrink #header-wrap #logo img {
	height: 150px;
}

.header-size-custom .menu-container > .menu-item > .menu-link {
	padding-top: 64px; /* (150px - 22px)/2 */
	padding-bottom: 64px; /* (150px - 22px)/2 */
}

.header-size-custom.sticky-header-shrink .menu-container > .menu-item > .menu-link {
	padding-top: 64px; /* (150px - 22px)/2 */
	padding-bottom: 64px; /* (150px - 22px)/2 */
}

}[/ch_pre]

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.