[Kyle]

Could you please provide me with custom CSS or an explanation as to how to get the top navigation menu to align vertically centered in the header so that it is perpendicular to the header logo. The site link is below:

http://www.curranbauer.org/Wordpress/

Thanks

[Theme Horse Support Team]

Hi Kyle,

To align the menu vertically centered as of your logo height. Go to Appearance -> Customize -> Ambition Theme Options -> Custom CSS and paste the below CSS code then click on Save & Publish button.

.main-navigation a {
    height: 67px;
    padding: 42px 0 0;
}
.main-navigation li {
    position: relative;
}
.main-navigation ul li ul {
    top: 109px;
}
.search-toggle {
    margin-top: 42px;
}
#search-box {
    top: 90px;
}
@media only screen and (max-width: 767px) {
    .menu-toggle {
        margin-top: 36px;
    }
}

Thank you!

[Author]

Posts