This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

3
  1. Andrew Misplon Staff 11 years, 4 months ago

    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.

  2. Valentino Zahrnt 11 years, 4 months ago

    Thanks, the first part worked well. I’ll drop the second part if there is no dynamic solution to it.

  3. Andrew Misplon Staff 11 years, 4 months ago

    For sure. Glad to hear you made progress here.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread