Mobile Menu a visted, a open color

Sparkling
1

Mobile menu question only (desktop menu is fine): Can’t change “a open” or “a visited” color on mobile menu. When user is on a page, the nav menu item color for that same page is blending into the header background, making the menu item look like it disappeared. Tried to change this CSS within the CSS Customizer and it won’t take:

.navbar-default .navbar-nav.sparkling-mobile-menu > li.open > a,
.navbar-default .navbar-nav.sparkling-mobile-menu > li.open > .caret {
color: #fff !important;
}

Right now the above appears as color: #ff6a0c, which is same as menu background color. Please can someone advise? Thank you!

The page I need help with: http://txknights.dmediasites.com/about/staff/

2

hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .dropdown-menu > li.active > .caret,
.navbar-default .navbar-nav .dropdown-menu > li.open > a,
.navbar-default .navbar-nav li.open > a, .navbar-default .navbar-nav li.open > .caret {
color: #fff !important;
}
}

Thanks!
Colorlib Support Team

3

Worked perfectly! Thank you so much!

4

Thank you too :slight_smile:
I will close this case now, Feel free to contact us again if you have other questions

Thanks!