Active Menu Item

On my site I have it set so that the active menu item is #018db0 This also works upon scroll when the site is pulled up on a web browser. However, it doesn’t seem to work correctly on my iPad. When I scroll down the page all of the menu items including the active menu item remain white. Can you provide me with some quick css to make it so that when I scroll down on my iPad the active menu item is #018db0 The code that was used is below. Thanks!

.header-scrolled li.current-menu-item>a>.avia-menu-text {
color: #018db0 !important;
}

/*#top .av-main-nav li a:hover .avia-menu-text, #top .av-main-nav li.current-menu-item > a > .avia-menu-text {
  color: #018db0 !important;
}*/

/*li.current-menu-item>a>.avia-menu-text {
 color: #018db0 !important;
}*/

#top .av-main-nav li a:hover .avia-menu-text, #top .av-main-nav li.current-menu-item > a > .avia-menu-text {
  color: #018db0 !important;
}

• This topic was modified 9 years, 4 months ago by djshortkut.