Centering Main Menu – so many answers here, but none apply. How to customize?

In Additional CSS, I added:
#mainmenu_container.row
{text-align:center}

No effect. Why not? [edit: just noticed it did center the text within each menu line item]

I don’t want to centre the whole navigation bar – which is already full-width – and I don’t want to centre individual menu items, I want to centre the row of menu items.

I tried several answers I found on this forum, but none apply in my case, because my theme uses different terminology. Using Chrome’s Developer Tools / “Inspect”, how can I copy the set of id’s and/or classes and/or elements needed for an “Additional CSS” rule to work?

Here’s an example of someone else’s solution:

@media screen and (min-width: 1020px) {
.navigation-classic .primary-navigation {
text-align: center;
}
.navigation-classic .primary-navigation ul {
display: inline-block;
}
}

I’ll enclose my rule in the same @media screen and (min-width:1020px) { } rule.

• This topic was modified 6 months, 4 weeks ago by Jonathon N.

The page I need help with: [log in to see the link]