Used @ https://www.1steaanleg.nl/

Set the primary and fixed menu both at 100px height

/* -- START Change primary menu -- */ 
@media only screen and (min-width: 981px) {
#top-menu li > a:hover {
background: #F9AA36 !important;
color: #1D403A;
opacity: 0.9 !important;
}
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
background: #F9AA36 !important;
color: #1D403A !important;
}
div#et-top-navigation {
    padding-top: 0 !important;
}
div#et-top-navigation #top-menu>li>a {
    padding-top: 45px !important;
    padding-left:15px;
	padding-right:15px;
}
div#et-top-navigation #top-menu>li{
    padding-right:0 !important;
    margin-left:-4px;
}
#et_search_icon:before{
    top:42px !important;
}
	#top-menu .menu-item-has-children > a:first-child::after {
    top: 45px;
}
.et-fixed-header div#et-top-navigation #top-menu > li > a:hover {
color: #1D403A !important;
}
.et-fixed-header #top-menu li.current-menu-ancestor > a:hover, .et-fixed-header #top-menu li.current-menu-item > a:hover {
  color: #1D403A !important;
}
}
/* -- END Change primary menu -- */
Code language: CSS (css)

Add this if you want the fixed menu to shrink, but note that it makes the search icon jump.

.et-fixed-header div#et-top-navigation #top-menu > li > a {
  padding-top: 20px !important;
 }
.et-fixed-header  #et_search_icon:before{
    top:20px !important;
}
Code language: CSS (css)

Same but left aligned

@media only screen and (min-width: 981px) {
#top-menu li > a:hover {
background: #39449A !important;
color: #ffffff;
opacity: 1 !important;
}
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
background: #39449A!important;
color: #ffffff!important;
}
#et-top-navigation {
    float: left;
}
div#et-top-navigation {
    padding-left: 207px;
    padding-top: 0 !important;
}
div#et-top-navigation #top-menu>li>a {
    padding-top: 33px !important;
    padding-left:15px;
	padding-right:15px;
}
div#et-top-navigation #top-menu>li{
    padding-right:0 !important;
    margin-left:-4px;
}
#et_search_icon:before{
    top:28px !important;
}
#top-menu .menu-item-has-children > a:first-child::after {
    top: 33px;
}
.et-fixed-header #top-menu li.current-menu-ancestor > a:hover, .et-fixed-header #top-menu li.current-menu-item > a:hover {
  color: #ffffff !important;
}
.et-fixed-header div#et-top-navigation #top-menu > li > a {
  padding-top: 20px !important;
}
}
/* -- END Change primary menu -- */
Code language: CSS (css)