Home>Support>decrease menu padding for second level

decrease menu padding for second level

By eliselangley, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi. Love your theme!!
I’ve reduced the padding for the menu using this code you provided:
/* Menu Padding Horizontal */
.main-navigation ul li a {
padding-right: 25px !important;
padding-left: 25px !important;
}

I would now like to reduce the padding for the second level & hover drop down menu so that it matches.

thank you.

URL: http://www.stivescampervanhire.co.uk/temp

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, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi eliselangley

    Thanks for reaching out. Glad to hear you’re enjoying Vantage.

    Give this a try under Appearance > Custom CSS:

    .main-navigation ul ul a {
  padding: 15px 20px;
}

    The values there represent top/bottom and right/left.

    Hope that helps.

  2. 9 years, 8 months ago eliselangley

    It doesn’t seem to work. I’ve put it in but the drop down second level links still look the same to me. Hover over ‘Campers’ link – I made it
    .main-navigation ul ul a {
    padding: 10px 10px;
    }

  3. 9 years, 8 months ago eliselangley

    Someone else has just posted same query and I see it needs the !important bit too

    .main-navigation ul ul a {padding: 10px 20px !important;}

    works now. thanks

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

    Super, glad Han’s thread helped.

    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