[Resolved] Align navigation with bottom of logo in menu

Home Forums Support Align navigation with bottom of logo in menu

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #136712
    Amanda

    I searched forum for an answer to this, but didn’t find it. I’m sure this is simple.

    I have a logo 80px tall in Menu Plus menu logo spot. My navigation is set to full width and the size of type is 16px. I’d like the text of the menu to align to the bottom of the logo. Right now it seems to be floating roughly in the middle.

    Any easy way to fix that? Wondering if I’m just not seeing where the setting is or if I need to add some css to correct it.

    Excellent theme, btw.

    #136752
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    By default it’s supposed to vertically centered, which would be considered normal I guess (like the sticky nav on this site).

    So you’re wanting your menu items to sit on the bottom of the sticky navigation basically?

    Let me know 🙂

    #136792
    bdbrown

    Hi Amanda. Can you post a link to your site? Would help if we could see your layout with the navigation spacing. Thank you.

    #136793
    Amanda

    Yes, Tom, that’s exactly it. My logo has a sort of baseline, so the menu looks funny floating in the middle.

    Sorry I haven’t made the site public yet, so I can’t show it.

    #136795
    bdbrown

    Assuming you have the default navigation layout, give this css a try:

    /* align navigation logo and menu bottom */
    .main-navigation .main-nav ul li a {
      line-height: 28px;
      padding-top: 32px
    }
    .sf-menu > .menu-item-has-children > a:first-child:after,
    .sf-menu > .page_item_has_children > a:first-child:after {
        margin-top: 13px !important;
    }
    

    Adding CSS: https://generatepress.com/knowledgebase/adding-css/

    #136937
    Amanda

    Thanks! I messed with the line height and padding and got it right.
    I was sort of expecting that some kind of “vertical-align” would be the answer.

    #136938
    bdbrown

    You’re welcome. Glad to help.

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