Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Center Primary Navigation vertically next to logo

Home Forums Support Center Primary Navigation vertically next to logo

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #369179
    Michelle

    I am trying to center align the primary navigation relative to the logo on this site http://divinehealth.michellec.co

    I can achieve it using your code help from this forum (thank you):
    .nav-float-right .inside-header .main-navigation {
    float: none;
    display: inline-block;
    vertical-align: middle;
    }

    However, although that vertically aligns the menu (yay!), it isn’t properly floating right to align with right edge of container (aw!).

    Is there a way I can achieve both (vertically centered and aligned right)?

    Thank you!

    GP Premium 1.4.3
    #369363
    Leo
    Staff
    Customer Support

    Give this a shot:

    .nav-float-right .inside-header .main-navigation {
        margin-top: 75px;
    }
    #369672
    Michelle

    Perfect! Thanks so much Leo 🙂

    #369840
    Leo
    Staff
    Customer Support

    You’re very welcome 🙂

    #752280
    Doug

    I just tried this solution and it isn’t working. I’ve tried it in the Chrome dev tools and it works.

    If I take the same css and put it into a plugin I get no results.
    I tried 2, Tom’s Simple CSS and Simple Custom CSS and JS by SilkyPress.com.

    I’m using

    //** middle align main nav menu **//
    .nav-float-right .inside-header .main-navigation {
    padding-top: 35px;
    }

    Dev site https://kpow.wyohost.com

    Thanks
    —————————————————–
    == WordPress Environment ==
    Version: 5.0

    == Theme ==
    GeneratePress – Version: 2.2.1
    GP Premium – Version: 1.7.5
    Elementor – Version: 2.3.4
    Elementor Pro – Version: 2.2.4

    #752291
    David
    Staff
    Customer Support

    Hi there,

    your comments //** middle align main nav menu **// are broken, you can’t have double // – they should look like:

    /* middle align main nav menu */

    #752479
    Doug

    Doh…Thanks.

    #752643
    David
    Staff
    Customer Support

    yes, have had a few scratching moments with a rogue / 🙂 Glad you got it resolved.

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