Trying to change mobile Menu colour

I can’t seem to change the colour of the menu items for the mobile version of the Leto theme, any ideas how to?

Hello there,

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

    @media only screen and (max-width: 992px) {
      .mobile-menu__navigation ul.menu li a {
        color: #ff0000;
      }
      .mobile-menu__navigation ul.menu li a:hover {
        color: #fff000;
      }  
    }

Hope this reply helps.

Stay safe.
Have an excellent day ahead :slight_smile:

Regards,
Kharis
aThemes Support

thanks, that worked perfectly, I just need to change the colour of the hamburger logo now

found the code needed for the hamburger button:

    .header-mobile-menu .toggle-mobile-menu span,
    .header-mobile-menu .toggle-mobile-menu span:before,
    .header-mobile-menu .toggle-mobile-menu span:after {
        background: #3791e1;
    }
1 Like

You’re welcome!

Great! Glad to hear you figured out the background color.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Stay safe.
Have an excellent day ahead :slight_smile:

Regards,
Kharis
aThemes Support