I am currently using Interface PRO and recently updated the logo on my site. After doing so, there is too much space above the logo and below the menu. How can I reduce the white space with the menu (moved down) to be centered vertically and justified right horizontally, in line with the logo? It may be easier to view the site to understand what I mean: https://baskervillelaw.com
To reduce the white space go to Go to Appearance > Customize > Interface Theme Options > Custom CSS and paste the below CSS code then click on Save button.
#site-logo {
margin-top: 10px;
}
#access a {
padding: 25px 0 0;
height: 45px;
}
#access ul li ul {
top: 70px;
}
.search-toggle {
margin-top: 25px;
}
#search-box {
top: 70px;
}
.
.