Home>Support>Main Nav Spacing and Wrapping

Main Nav Spacing and Wrapping

By kdm-site, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I would like my 3rd level nav to ‘not wrap’ — however, after adding the Search feature back into the nav. I haven’t been able to adjust this successfully.

I have tried reducing the padding (custom CSS), reducing the font size (Appearance–>Customize) and various combinations.

I see that (at least on desktop) there is quite a bit of space between the last menu item and the search icon.

Any suggestions would be great. Thanks.

URL: http://www.langleyharper.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

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

    Hi Kdm-site

    Thanks for reaching out.

    Try the following under Appearance > Custom CSS:

    /* Vantage Sub Menu Width */

.main-navigation ul ul ul a {
  width: auto !important;
}

.main-navigation ul ul ul li {
min-width: 250px;
white-space: nowrap;
width: 100%;
}

    That targets second level drop downs only. If I’m understanding your question correctly then it’s what you’re after.

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