Archived topic
Primary Nav top padding and hover height
4 replies · Started by Bill on August 23, 2016
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!
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
–
[Smacking forehead] I found it.
.nav-aligned-center .main-navigation ul, .nav-aligned-right .main-navigation ul {
padding-top: 15px;
}
Played with it more:
Now looks great!
.main-navigation ul {
padding-top: 15px;
}
.navigation-clone.main-navigation ul {
padding-top: 0;
}
Glad you found a solution! Thanks for sharing your code :)
