Home>Support>Eliminate Space Between Menu Text

Eliminate Space Between Menu Text

By LFMC, 10 years ago. Last reply by LFMC, 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].

Hi, I’m wondering why there’s so much space between the menu text. Looks like I could get two to three more pages in there if I could reduce the space. Is this possible at all?

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 Greg Priday
    Hi, I Work Here

    Hi

    You can change the spacing between menu items with a little custom CSS. Just navigate to Appearance > Custom CSS and add the following:

    .main-navigation ul li a {
    padding-left: 15px;
    padding-right: 15px;
}

    Just adjust the pixel value to what ever works for you. I tested this and 15px seems to be a nice compromise.

  2. 10 years, 9 months ago LFMC

    Thanks a lot. It worked great :)

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