Sub menu font change background color

Hi there,
Can I change the background color for the submenu as the text doesn’t show. Check out the sub menu under the about page, my site is:

I’d like to change the background color to:



Here you go:

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    background-color: #ff6b7e;

Put the code into Customize > additional CSS


Thank you but now when you hover the font doesn’t show. Is there easy way to change the links on sub menu to another color, maybe black?


Here is to change the text color for the sub-menu items:

.main-navigation .sub-menu a:hover {
    color: white;