Since updating to Suffusion 4.0, navigation menu tweak stopped working

Since I updated to Suffusion 4.0, tweaks I had in Custom Includes for the navigation menu no longer worked.

I had tweaked it to create a thinner menu vertically, as I liked the sleeker look. But after updating to 4.0, the drop-down part became separated from the main menu by about 10 pixels, so that when you moved the mouse down after the drop-down appeared, it then disappeared before you could click on any items in the sub-menu.

The tweaks were pretty involved (below), since I had to account for the spacing of the items in the drop-down menu, the fly-out parts, etc. Is there a cleaner way to change the height of the menu, that would affect everything?

Thanks for any help.

I have taken the tweaks out, and am using the fatter menu for now. The site is https://www.humortimes.com.

Here’s the code I had placed in Custom Includes, which no longer works properly:

#nav ul li a {
padding: 3px 8px 2px;
}
#nav ul ul li a, #nav ul ul li a:visited {
line-height: 18px;
padding: 3px 8px 2px;
}
#nav a, #nav a:visited {
height: 20px;
line-height: 18px;
padding: 3px 8px 2px;
}
#nav ul ul a, #nav ul ul a:visited {
padding: 3px 8px 2px;
}
#nav-top ul li a {
line-height: 18px;
padding: 3px 8px 2px;
}
#nav-top ul ul li a, #nav-top ul ul li a:visited {
line-height: 18px;
padding: 3px 8px 2px;
}
#nav-top a, #nav-top a:visited {
height: 20px;
line-height: 18px;
padding: 3px 8px 2px;
}
#nav-top.continuous a, #nav-top.continuous a:visited {
height: 20px;
line-height: 18px;
}