Removing huge space between submenu items parent and child lists

[swetr]

This is regarding my weebly website apnishala.org

How do I remove the space between the submenu item and its child submenu item?? I've tried margin adjustments, "position" adjustments in CSS but cannot figure it out. Please help. Thank you.

[Adam7]

Thanks for you post, @swetr. @PaulMathews and @seicolegwr, do you have any suggestions on reducing or removing some of the padding/margin between the submenu items and child items?

[PaulMathews · Accepted solution]

@swetr Looks like the real issue is with a width constraint on the first child menu item links. The grandchild menu is correctly spaced 200px to the right of the child menu but the child menu links have a width constraint of 140px. You'll want to disable that constraint. Modify the menu link id class below (width constraint should be removed or commented out as I've indicated in red text below):

#wsite-menus .wsite-menu li a {
    margin: 0px;
    color: #000;
    font-size: 10px;
    background: #fff;
    /* max-width: 140px; */
    border: none;
    border-bottom: 1px solid #ffe500;
}

This will produce the following seamless effect on the apparent distance between your child menu and grandchild menu:

[swetr]

Of course!! Thank you so much - it worked!!!