Hi Kenny,
Please use the following in Appearance -> Customize -> Additional CSS
@media (min-width:768px) {button#responsive-menu-pro-button:hover .responsive-menu-pro-inner, button#responsive-menu-pro-button:hover .responsive-menu-pro-inner::before, button#responsive-menu-pro-button:hover .responsive-menu-pro-inner::after, button#responsive-menu-pro-button:hover .responsive-menu-pro-open .responsive-menu-pro-inner, button#responsive-menu-pro-button:hover .responsive-menu-pro-open .responsive-menu-pro-inner::before, button#responsive-menu-pro-button:hover .responsive-menu-pro-open .responsive-menu-pro-inner::after, button#responsive-menu-pro-button:focus .responsive-menu-pro-inner, button#responsive-menu-pro-button:focus .responsive-menu-pro-inner::before, button#responsive-menu-pro-button:focus .responsive-menu-pro-inner::after, button#responsive-menu-pro-button:focus .responsive-menu-pro-open .responsive-menu-pro-inner, button#responsive-menu-pro-button:focus .responsive-menu-pro-open .responsive-menu-pro-inner::before, button#responsive-menu-pro-button:focus .responsive-menu-pro-open .responsive-menu-pro-inner::after {
background-color: white;
}}
@media (min-width:768px) {.responsive-menu-pro-open .responsive-menu-pro-inner, .responsive-menu-pro-open .responsive-menu-pro-inner::before, .responsive-menu-pro-open .responsive-menu-pro-inner::after {
background-color: white;
}}
Please clear any cache plugin’s cache content and browser history after applying the above-mentioned custom css.
Note: Add !important
after white, if the white color does not overwrite the blue.
Please look at my screen-cast to see how it should look after applying the custom css codes.
https://drive.google.com/open?id=1n7LJ7YPXOe7TgDd5T8lpTWqXUC3_XFFU
Regards,
Kriti