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


    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.


    Hi there,

    same problem for me on 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.


    • 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.


    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 🙂


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