Vertical align nav in header

  • Resolved aleejelly

    (@aleejelly)


    6 years, 4 months ago

    I’m trying to align my nav in the center of the header but I’m not finding a way to do that.

    I tried doing something like this but it’s not working

    #site-navigation {
        text-align:center
    }
    #site-navigation li {
        display:inline-block;
        margin-left: -5px;
    }
    #site-navigation li li {
        display:block;
        text-align:left
    }
    • This topic was modified 6 years, 4 months ago by aleejelly.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    Try to use the code below. Add it in the Customize > Custom CSS section

    #site-navigation-wrap {
    float: none;
    position: relative;
    right: inherit;
    display: flex;
    justify-content: center;
}
    Thread Starter aleejelly

    (@aleejelly)

    Hi there,

    Thank you for all of your attempts to help. I have added this to the Custom CSS section and nothing has changed. I feel like an idiot but I can’t find a way to share a screenshot here. Here’s where I’ve added it . I’ve also tried Here

    After adding the CSS, try to reload your live site and check it is working or not. You can also use !important to make the CSS work. Read more – CSS Priority

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Vertical align nav in header’ is closed to new replies.