Home>Support>Add vertical padding to menu, but excluding secundary menu

Add vertical padding to menu, but excluding secundary menu

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

Editing the option “item menu padding” to a high number give me the result that i want (Increasing Height), but the problem is, we have a lot of secundary menus and they are too big…. we would like to have around 40 or 50px high for the principal menu but exclude the secundary ones, like this:

View post on imgur.com

I tried a lot of pieces of code from here and there and nothing seems to work, so how can i make this done?

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

    Hi Nova

    Once we’ve taken a look at your site we’ll be able to resolve both threads. Thanks :)

  2. 9 years, 13 days ago nova

    Got it, already answered; greetings!

  3. 9 years, 11 days ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear you’re making progress.

    All the best.

    • 9 years, 11 days ago Private Message - nova

      This is a private message.

  4. 9 years, 10 days ago Andrew Misplon
    Hi, I Work Here

    Sure. You can set the main menu padding from Appearance > Customize > Theme Design > Menu > Menu Item Padding.

    You can then set another padding value for your drop down menus using the following at Appearance > Custom CSS:

    /* Drop down menu item padding, top and bottom */
    
    .main-navigation ul ul a {
    padding-top: 20px;
    padding-bottom: 20px;
    }
    

    Hope that helps.

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