Mobile Dropdown menu, Text all Caps '+' color

My Dropdown menu items and “+” are pink (would like to be orange when active and white when not) AND the text for dropdown menu items is all caps on Mobile. Please help.

https://directrad.ca/about-us-translation-agency/

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1199px) {

      .main-navigation li.menu-item-has-children.current-menu-item > .subnav-toggle, 
      .main-navigation li.page_item_has_children.current-menu-item > .subnav-toggle  {
        color: #ff9b2a !important;
      }
      
      .main-navigation li.menu-item-has-children > .subnav-toggle, 
      .main-navigation li.page_item_has_children > .subnav-toggle  {
        color: #fff !important;
      }
      
    }

Regards,
Kharis
aThemes Support

That works, but how do I change the active link color (currently pink on Mobile)

Hello there,

Try adding this code:

    .main-navigation li.current-menu-item > a {
      color: #ff0000 !important;
    }

Your complete code will look like this:

    @media only screen and (max-width: 1199px) {

      .main-navigation li.menu-item-has-children.current-menu-item > .subnav-toggle, 
      .main-navigation li.page_item_has_children.current-menu-item > .subnav-toggle  {
        color: #ff9b2a !important;
      }
      
      .main-navigation li.menu-item-has-children > .subnav-toggle, 
      .main-navigation li.page_item_has_children > .subnav-toggle  {
        color: #fff !important;
      }

      .main-navigation li.current-menu-item > a {
        color: #fff000 !important;
      }
      
    }

Regards,
Kharis