Mobile background color!

Hi there,

I'm not exactly sure what effect are you aiming for.

To clarify, are you trying to make the mobile header's background and its menu background change on toggle like this? https://share.getcloudapp.com/NQu7YOX1

If that's the case, try this CSS:

nav#mobile-header.toggled {
    background: #f00 !important;
}

Hi. It worked, but I only want to change color for the part below "menu".
When i click on menu on mobile, I want to change the color on the part below top. (The part that opens)

How do I do that?

Try this instead:

nav#mobile-header.toggled ul#menu-main-menu {
background: #f00 !important;
}

Thank you, it worked!

One another thing. How do I change the text color to black only for the same: (The part that opens)

Try this:

nav#mobile-header.toggled .main-nav ul li a {
color: black !important;
}

It works sometimes. But not on mainpage for some reason?
Also when I removed the black text from css the other color code didn't work for main page for my site?
Strange...

Maybe I should put the css code on some special place in editor?

It works now. I had a cache issue with my host. Thanks.
Also how do I change background color behind text.

When I click on mobile menu. (one part opens)

Let say I click on a menu item e.g. tires

the tires sub page opens.

I click on mobile menu again and the tires part sub item background color is in a specific color lets say blue

I want to change that blue color how do I do?

Hi there,

It works sometimes. But not on mainpage for some reason?

Try clearing your browser cache.

I click on mobile menu again and the tires part sub item background color is in a specific color lets say blue

I don't see any sub menus on your site? Can you share a link to where i can see them ?