How to reduce vertical spacing in categories menu

Hello WoodMart Support,

As shown in the attached screenshot, the vertical spacing between the menu items in the categories menu is too large.

Could you please help me and let me know how to reduce this spacing to make the menu more compact?

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Please try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS for desktop.

/* Reduce vertical spacing in categories dropdown menu items */
.wd-dropdown-menu.wd-design-aside.wd-style-default .wd-sub-menu-wrapp>.wd-sub-menu>li>a {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu>li>a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: 20px !important; /* Adjusts text height allocation */
}

Best Regards

[Author]

Posts