Support » Theme: Twenty Twenty-One » Menu center alignement

  • hello,
    please i need to center the primary navigation menu in the Twenty Twenty-One theme, someone can help me, thank you in advance.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter aimadd

    (@aimadd)

    hello Oliver Campion,
    thanks a lot for your response, it worked well, what about changing fonts in the main menu too? thank you so much!

    How would you like to change them? Size, weight, case or the actual font family?

    For example …

    .primary-navigation a {
    font-size: 1.5rem;
    font-weight: 800;
    text-transform: uppercase;
    font-family: "Times New Roman", Times, serif;
    }

    … will make the font larger, bolder, uppercase and use the Times font.

    Oliver

    Hi there,

    same problem for me on http://barrierefrei.tolerantes-dinslaken.de/ but the menu wont center with the given code above.

    I placed it in a child theme. Theme: TwentyTwentyOne

    Maybe someone has an idea on that.

    Andy

    • This reply was modified 1 year, 6 months ago by seoboxx.

    I didnt want to use a third party plugin if possible .. i just wanted to do that using css.

    Andy

    That works for me …

    .primary-navigation > div > .menu-wrapper {justify-content: center;}

    Try this …

    @media only screen and (min-width: 482px) {
    #primary-menu-list {
    justify-content: center;
    }
    }

    Don’t be scared of our plugin, though, it’d save you a lot of time 🙂

    Oliver

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Menu center alignement’ is closed to new replies.