Changing Mobile Menu Colors and "+" Symbol

Hello,

I’d like to change the mobile menu colors of my website: https://aresmedia.it/

From an old tread, I used the following CSS code:

    @media (max-width: 1199px) {
        .main-navigation ul li.current-menu-item > a,
        #masthead .main-navigation ul li > a:hover + .subnav-toggle,
        .main-navigation ul li a:hover {
            color: white;
        }
    }

But this only changes the color of the links, not the + sign.

Could you please help me?

Thanks in advance :slight_smile:

Hello,

I’ve just checked your website and saw that you have this CSS code as well:

      @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;
      }
      
    }

…please try to disable it and see if it helps.

Kind Regards, Roman.
aThemes Support

It worked!

Thank you very much for your help!

1 Like

You are welcome! :slight_smile:

Please feel free to ask any other questions that you might have in future.

Kind Regards, Roman.
aThemes Support