Custom CSS for navigation menu colors reverts back to original

Hello,

I’ve inserted the below custom CSS. It works for about 10 minutes then reverts back to the original CSS (black nav menu on hover with white text). Any insight?

/* Background color */

.slicknav_nav {
background-color: #abcfd8;
}

/* Border color */

.slicknav_nav a {
border-color: #ffffff;
}

.slicknav_nav .sub-menu {
background-color: #abcfd8;
}

/* Character color */

.slicknav_nav a {
color: #ffffff !important;
}

Hello there,

Did you do some additional configurations?

Please share your site URL here, so I can check.

Regards,
Kharis

Hi,

I’ve been checking on this the last few days and I think it was an issue with the Customizer. The colors are working fine in the live site now. However, when I look at the iPad screen in Customizer, the dropdown menu shows a different color. The large and small screen views are showing the correct colors in Customizer though. I will mark this thread as resolved from my point of view, but I am curious to know why the Customizer is acting that way!