Hi.,

If you have already added any custom css for sub menus bg and text color, please remove all those and add the below css code in the custom css section and change the color as per your needs.

#main-menu ul li.menu-item-simple-parent > ul > li:hover > a, #main-menu ul li.menu-item-simple-parent > ul > li ul li:hover a, #main-menu ul li.menu-item-simple-parent ul > li.current_page_item > a, #main-menu ul li.menu-item-simple-parent ul li.current_page_ancestor > a, #main-menu ul li.menu-item-simple-parent ul li.current-menu-ancestor > a, #main-menu ul li.menu-item-simple-parent ul li.current_page_item > a, #main-menu ul li.menu-item-simple-parent ul li.current-menu-item > a { background:#f8e3c6; }

#main-menu ul li.menu-item-simple-parent ul li a#main-menu ul li.menu-item-simple-parent ul li a { color:#533628 }

#main-menu ul li a:hover { color: #937c46; }

#main-menu ul li.menu-item-simple-parent ul li a:hover, #main-menu ul li.menu-item-megamenu-parent:hover > a { color: #937c46; }