[Resolved] Primary Nav top padding and hover height

[Bill]

Hello,

Ok, I am officially stuck on this one. My logo is left and the primary nav floats right. The logo is taller so I wanted to push the primary nav down to align more to the center-right of the logo. I increased the height of the menu in the customizer and this did push it down. However, it makes the hover background taller and creates a larger gap between the primary nav and submenu. It looks strange as I have a transparent header.

This is how it is now:

Logo Primary Nav
–
–

I am trying to make it like this:

–
Logo Primary Nav
–

Is this possible to adjust this with css? I can’t seem to find the container. I am using the one container layout.

Thanks!

[Bill]

Ok, the spacing didn’t come through.

This is how it is now:

Logo Primary ……………………..Nav
–
–

I am trying to make it like this:

Logo
– ………………………Primary Nav
–

[Bill]

[Smacking forehead] I found it.

.nav-aligned-center .main-navigation ul, .nav-aligned-right .main-navigation ul {

padding-top: 15px;
}

[Bill]

Played with it more:

Now looks great!

.main-navigation ul {
padding-top: 15px;
}

.navigation-clone.main-navigation ul {
padding-top: 0;
}

[Tom]

Glad you found a solution! Thanks for sharing your code 🙂

[Author]

Posts