Fit Mainnavigation height to Header height

Question

Hi!
I'm working on a website based on the static-sticky.html also copied some css from the real-estate demo.

I've changed following css to adjust the header height to 100px :


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

}

Now there are two things i got stuck with:

The Mainnavigation isn't vertical aligned to the bottom of the header / logo ( see attached image )
There is a "hovering gap" between the Mainnavigationpoint ( "Unsere Angebote" ) and it's Megamenu

I think the "hovering gap" is caused by changing the header height from 60px to 100px

Can try this example online here

Thanks in advance :)

SemiColonWeb · Accepted Answer

Hello, Simply use the following CSS Code: This will definitely work fine. Hope this Helps! Let us know if we can help you with anything else or if you find any further issues.

suppenhuhn · Answer

Awesome thank you!!