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.

modify sub-items of the primary menu

Resolved 3 replies premiumthemetheme-vantage
Valentino Zahrnt
Started · Latest reply by Andrew Misplon

How can I make that the sub-items of the primary menu (such as Six Thinking Hats under Analytical thinking) as long as the boxes above and left-aligned?

URL: http://zahrnt.com/analytisch-denken

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff

    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

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

  3. Andrew Misplon Staff

    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