Home>Support>Eliminate Space Between Menu Text

Eliminate Space Between Menu Text

By LFMC, 10 years ago. Last reply by LFMC, 10 years ago.

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, 11 days 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, 11 days 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