[Resolved] center align > elements inside the main navigation

[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!

[David]

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;
    }
}

[anabella]

Thank you so much David! It looks great now 🙂

[David]

You’re welcome

[Author]

Posts