Hi pepsi,
Please go to ‘Appearance > Customize > Design Option > Custom CSS’ and paste the below Custom CSS code.
.widget_nav_menu .menu-item-has-children .sub-menu,
.widget_nav_menu .menu-item-has-children .current-menu-item ~ .menu-item {
display: none;
}
.widget_nav_menu .current-menu-ancestor .sub-menu,
.widget_nav_menu .current-menu-parent .sub-menu {
display: block;
}
.widget_nav_menu .current-menu-ancestor .sub-menu .sub-menu,
.widget_nav_menu .current-menu-parent .sub-menu .sub-menu {
display: none;
}
.widget_nav_menu .menu-item-has-children:hover .sub-menu,
.widget_nav_menu .menu-item-has-children:hover .current-menu-item ~ .menu-item {
display: block;
}
Thanks