Reduce height of dropdown menu sub item boxes

Hi there,

I have a site set up using the Sydney theme with a menu which has a dropdown list of sub items. The issue is, the list is longer than some of my pages, meaning that when you’re on the page you can’t see the final sub item on the dropdown list.

I thought that reducing the height of the dropdown menu sub item boxes would solve this issue but I don’t know how to go about it. Could someone help please? I’d really appreciate it.

Thanks in advance,
Laura.

Hello Laura,

Please try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    #mainnav .sub-menu li a {
      line-height: 15px;
    } 

Regards,
Kharis

Thanks Kharis, this has worked perfectly! Laura

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis