Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

[Resolved] Primary Nav top padding and hover height

Home Forums Support [Resolved] Primary Nav top padding and hover height

Home Forums Support Primary Nav top padding and hover height

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #220710
    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!

    #220743
    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
    –

    #220769
    Bill

    [Smacking forehead] I found it.

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

    padding-top: 15px;
    }

    #220774
    Bill

    Played with it more:

    Now looks great!

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

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

    #220831
    Tom
    Lead Developer
    Lead Developer

    Glad you found a solution! Thanks for sharing your code πŸ™‚

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.