[Resolved] How to vertical align center nav menu and logo.

Home Forums Support How to vertical align center nav menu and logo.

  • This topic has 8 replies, 3 voices, and was last updated 1 year ago by An Nguyen.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1005505
    Ian

    After adjusting the logo size, the primary nav menu is slightly higher than vertical center. Is there a way to align it vertical center? Custom CSS maybe? The Sticky menu is fine as that logo is smaller in height.

    #1005635
    David
    Staff
    Customer Support

    Hi there,

    try increasing the Menu Item height in Customizer > Layout > Primary Navigation (desktop size) to match that of your logo height.

    #1005902
    Ian

    And that solved it! Noticed I had already adjusted this during the build but missed that I had to adjust it again after the logo resize. Thanks David!

    #1005921
    David
    Staff
    Customer Support
    #1005952
    Ian

    Just a heads up, making the logo wider had a side effect. It started to wrap the hamburger menu down to the next line in mobile mode. Let me try and adjust some things to make this perfectly line up.

    #1006017
    David
    Staff
    Customer Support

    It autowraps if there isnt enough room for it.
    You can strip off the top and bottom padding if you want to enlarge it without impacting that so much:

    .site-logo.mobile-header-logo img {
        padding-top: 0;
        padding-bottom: 0;
    }
    #1006041
    Ian

    Thanks David. Appreciate that. Will keep tweaking.

    #1006093
    David
    Staff
    Customer Support
    #1006129
    An Nguyen

    It’s worked for me. Logo is enlarged as I expect in mobile mode. Thanks David.

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