Background color of drop down menu (Mobile/Tablet)

How do i change the background color of the menu after clicking the hamburger menu on mobile and tablet?

In this case from black to some other color

Hi,

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

    @media only screen and (max-width: 1199px) {
      .main-navigation {
        background-color: #fff000;
      }
    }

Regards,
Kharis
aThemes Support

Hi @kharisblank,

Thanks, however It’s still showing black, didnt seem to change after that code. what is the element to target that opened up submenu?

Regards,
Lenard

Hi Lenard,

Try this code:

    @media only screen and (max-width: 1199px) {
      .main-navigation {
        background-color: #fff000 !important;
      }
    }

If still, the code doesn’t change anything, I’d request you sharing a link to your website here, so I can get the exact selector to use based on your current mobile menu setup.

Regards,
Kharis
aThemes Support

It works now, thanks alot!

1 Like

You’re welcome!

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

Regards,
Kharis
aThemes Support