[Resolved] Modify sub menu

Hi Jusung,

To remove the arrow, go to Appearance > Customize > Layout > Primary Navigation. Set the Navigation Dropdown to Hover.

As for the sub-menu width, you can reduce it by adding a CSS like this through Appearance > Customize > Additional CSS:

@media (min-width: 1025px) {
    div#primary-menu ul.sub-menu {
        width: 120px;
    }
}

Alternative code you can try as well:

@media (min-width: 1025px) {
    div#primary-menu ul.sub-menu {
        width: unset;
    }
}

I see. Can you try this code instead?:

@media (min-width: 1025px) {
    div#primary-menu ul.sub-menu {
        width: 120px;
    }

    li.menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }

    li.menu-item-has-children > a {
        padding-right: 20px !important;
    }
}