modify sub-items of the primary menu

Hi Valentino

Here is my augmented “center the menu” Custom CSS, it handles sub-menu items and keeps them left aligned:

/* Vantage center align the main menu */

.main-navigation ul {
text-align: center;
}

.main-navigation ul li {
display: inline-block;
float: none;
}

.main-navigation ul ul li { 
text-align: left;
}

You’d need to first remove your CSS that deals with this same topic.

The sub-menu width can be adjust with the following:

.main-navigation ul ul a {
width: 200px;
}

The current setup isn’t dynamic so you might have to compromise here.

For sure. Glad to hear you made progress here.