please help Logo Cuts off won't show or gets distorted .

Hi arce1

Sorry to hear you’ve run into a problem with your logo. Could you perhaps share your site link so I can take a look. Below the comment form is a Set as private reply checkbox. You can use that to keep your URL private.

Thanks

Thanks for the feedback.

If you’re not already using a Custom CSS plugin go to Plugins > Add New and install Simple Custom CSS. Next go to Appearance > Custom CSS and insert the following:

/* Header */

.site-header .site-branding img {
 	max-height: 92px;
}

Adjust the max-height as required.

Hope that helps 🙂

Hey Gregg

Apologies, I missed one important CSS declaration for the logo in this version, I’ve corrected in the next version. If you don’t yet have a Custom CSS plugin installed, please, install one called Simple Custom CSS. Then go to Appearance > Custom CSS and insert:

/* Logo */

.tagline .site-header .site-branding img {
    max-height: 72px;
    width: auto;
}

The addition of width: auto; will sort out the scaling issue. You can then increase the max-height value as required.

To adjust the overall height of the header, if you wanted to, you could add the following:

/* Header */

.site-header, .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;
}

If you do adjust the header height, the last value must be three pixels less than the other values.

Let me know how you come along 🙂