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, 9 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, 9 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, 9 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