Background color of drop down menu (Mobile/Tablet)

Airi
#1

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

image
image722×482 34 KB

#2

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

#3

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

#4

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

#5

It works now, thanks alot!

1 Like
#6

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