This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

decrease menu padding for second level

Resolved 4 replies premiumthemetheme-vantage
eliselangley
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff 11 years, 1 month ago

    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. eliselangley 11 years, 1 month ago

    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. eliselangley 11 years, 1 month ago

    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. Andrew Misplon Staff 11 years, 1 month ago

    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.

Have a different question or issue?

Start New Thread