Home>Support>modify sub-items of the primary menu

modify sub-items of the primary menu

By Valentino Zahrnt, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 10 years, 10 months ago Valentino Zahrnt

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

  3. 10 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More