Menu Height

Hi,

I have changed the primary menu height to 80px (both for the regular and sticky) through adding custom CSS after using a tool of yours for this.

It works fine on a large screen, but on smaller screens (with hamburger menu) it changes the height to 100px.

Can you please provide the additional code I need for this to work?

Thank you!

Kind regards,
Suddaren

---

@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: -80px;
	margin-bottom: -80px;
}

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

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

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

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

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

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

#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: 80px; }

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

#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: 30px !important;
	margin-bottom: 30px !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: 50px; }

}

Hello,

I added the code to my custom.css, which is the last included CSS-file, but it doesn't seem to work. The menu is still the same and seems to get its properties from responsive.css.

This is what the initial HTML look like.

Am I missing something?

Thank you.

Best regards,
Suddaren