[Resolved] Menu Items Not Lining Up

[Ben]

Hey guys,

I’ve created a centred logo but I can’t get the menu items on the right to line up, it seems they’re set over to the right.

I’ve attached a photoshop screenshot with guidelines to show what I mean:

How can I fix this?

This is the site: https://bendoyle.me/

Thanks

[David]

Hi there,

try this CSS:

@media(min-width: 769px) {
    /* make all menu items the same width */
    .main-navigation .main-nav>ul > li {
        min-width: 161px;
    }
    /* align first to menu items right */
    .main-navigation .main-nav>ul > li:nth-child(-n+2) {
        text-align: right;
    }
}

[Ben]

Perfect, thanks David!

[David]

You’re welcome

[Author]

Posts