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 8 replies - 1 through 8 (of 8 total)
  • Hello,

    Try adding this CSS into “Customizer – Additional CSS” …

        .primary-navigation {
            margin-left: auto;
            margin-right: auto;

    … alternatively you can use Options for Twenty Twenty-One plugin.


    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 4 months, 2 weeks ago by seoboxx.

    Have you tried Options for Twenty Twenty-One plugin. There are options to align the navigation for desktop and for mobile.


    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 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.