Header and menu spacing help needed

I've searched here and fiddled with this without any luck.   2 problems still happening. 

1. The lowest submenus are too low.   
Example:  
http://www.springerrescue.org/2017/   -   Adoption < Available Dogs < West, etc.   

2. The menu in the header is not centered vertically (doesn't line up with button on the right) on loading OR when sticky. 


Here's what I already have in custom CSS:

@media only screen { 
    #Top_bar #logo { height: 95px !important; }
}

#Top_bar .menu li ul {
top: 85% !important;
}

#Top_bar .menu > li > a span:not(.description) {padding: 10px 10px 15px 10px ; }

body:not(.template-slider):not(.header-simple) #Header { min-height: 95px !important; }

Comments

Sign In or Register to comment.