[Resolved] center align > elements inside the main navigation

Home Forums Support center align > elements inside the main navigation

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1306128
    anabella

    Hi,

    I want the elements inside my main navigation to be center-aligned.

    Initially, I added some top padding in order to “push them down”, but then I transformed one of the li into a button (by adding some css), so the manual padding that I had added initially didn´t look quite right anymore, so I just deleted it.

    How can I make them aligned (centre-aligned and all at the same level)?

    Thanks!

    #1306225
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    @media (min-width: 769px) {
        .main-navigation ul {
            display: flex;
            align-items: center;
        }
    }
    
    @media (min-width: 1200px) {
        .inside-header {
            display: flex;
            align-items: center;
        }
    }
    #1306247
    anabella

    Thank you so much David! It looks great now 🙂

    #1306510
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.