Home>Support>Custom CSS for submenu items

Custom CSS for submenu items

Hello,

Firstly, great theme. I’ve been using WordPress for a while now, and it is by far my favourite theme to date, in terms of usability and ease of customising.

For the site that I am building, I’ve used the “Logo in Menu” masthead layout, and set the menu to sticky. I’ve browsed the forum and picked up some tips to make the sticky menu transparent as it scrolls over the rest of the site.

My issue is that the menu bar is a bit fatter than usual to fit the logo in, and I had to add padding so that the menu items moved downward enough to be in line with the logo. Due to this, the submenu items have also been padded, and this causes the drop down menu to appear huge with only a few items in it.

My question is, how can I reduce the padding in the sub menu items, but not affect the main menu?

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, 2 months ago Magus
    Hi, I Work Here

    Hi Michael David

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

    Thanks

    Magus

  2. 9 years, 2 months ago Private Message - Michael David

    This is a private message.

  3. 9 years, 2 months ago Magus
    Hi, I Work Here

    Hi Michael David

    Please try adding the following to Appearance->Custom CSS

    .main-navigation ul li li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    

    Let us know how you get on

    Magus

  4. 9 years, 2 months ago Michael David

    Perfect!!

    Thanks so much.

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