Home>Support>Padding in menu: left and between combined

Padding in menu: left and between combined

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].

Hi,

I would like to increase the padding on the left of the first item and decrease the padding between all items. So the standard approach does not work:

/* Menu Padding Horizontal */

.main-navigation ul li a {
padding-right: 25px !important;
padding-left: 25px !important;
}

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

    Thanks for running Vantage.

    Yeah, you’d need something a little more creative to do that:

    /* Menu Padding Horizontal */

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

/* First Menu Item */

.main-navigation ul li:first-of-type a {
padding-left: 40px;
}
  2. 10 years, 10 months ago Valentino Zahrnt

    Exzellent! I guess you get more gratitude than the average doctor :)

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

    Super, glad that helped. If you ever get interested in CSS, this is a great guide: http://learn.shayhowe.com/advanced-html-css/. We’ve just used something from this section: http://learn.shayhowe.com/advanced-html-css/complex-selectors/

    All the best!

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