Menu center alignement

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 https://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 3 years, 9 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