Header Height CSS Generator

Hello,

Since Canvas has been updated to v6 with all new Header with Flexible Heights, the Header Height CSS generator has been discontinued. Also, since the Forums have been updated with a completely New Design and Structure, the old Header Heights CSS Generator and the Javascript Package Generator have been removed. We will try restoring them back in a few days but unfortunately, we can't guarantee it.

We highly recommend you to update to the Latest Version of Canvas as Support is only limited to Included Features but not Bug Fixes and Functionality Enhancements in the Older Versions.

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

Hello,

We are still working on restoring this. Please allow us until the end of this week to be able to include this again in the New Forums. meanwhile, you can consider using the following CSS Codes:
[ch_pre type="css"]@media (min-width: 992px) {

#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
	top: -120px;
	margin-bottom: -120px;
}

#header.transparent-header.floating-header + #slider,
#header.transparent-header.floating-header + #google-map {
	top: -180px;
	margin-bottom: -180px;
}

#header.transparent-header + #page-title.page-title-parallax .container { padding-top: 120px; }

#primary-menu ul li > a {
	padding-top: 49px;
	padding-bottom: 49px;
}

#top-search,
#top-cart,
#side-panel-trigger {
	margin-top: 50px;
	margin-bottom: 50px;
}

#top-cart .top-cart-content { top: 80px; }

#header,
#header-wrap,
#logo img { height: 120px; }

#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img { height: 60px; }

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
	padding-top: 19px;
	padding-bottom: 19px;
}

#header.sticky-header:not(.static-sticky) #top-search,
#header.sticky-header:not(.static-sticky) #top-cart,
#header.sticky-header:not(.static-sticky) #side-panel-trigger {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div #top-cart .top-cart-content { top: 40px; }

}[/ch_pre]

However, you will need to make further customizations according to your needs manually.

Hope this Helps!

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