Home Forums WoodMart support forum How to reduce vertical spacing in categories menu

How to reduce vertical spacing in categories menu

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #721371

    aboabdelalim
    Participant

    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.
    #721412

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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

Viewing 2 posts - 1 through 2 (of 2 total)