Menu center alignement

  • aimadd

    (@aimadd)


    5 years, 4 months ago

    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)

    5 years, 4 months ago

    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!

    Oliver Campion

    (@domainsupport)

    5 years, 4 months ago

    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

    seoboxx

    (@seoboxx)

    5 years, 3 months ago

    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 5 years, 3 months ago by seoboxx.
    seoboxx

    (@seoboxx)

    5 years, 3 months ago

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

    Andy

    seoboxx

    (@seoboxx)

    5 years, 3 months ago

    That works for me …

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

    Oliver Campion

    (@domainsupport)

    5 years, 3 months ago

    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.