how to remove this color from mobile layout header menu

Hi there,

Can you disable your caching plugin so I can take a closer look at the code?

Thanks ??

I disable caching plugin. You can chk now ??

I’m seeing this CSS you’ve added that’s causing the issue:

button:active, button:focus, button:hover, a.read-more:active, a.read-more:focus, a.read-more:hover, input[type="button"]:active, input[type="button"]:focus, input[type="button"]:hover {
    color: rgb(39, 28, 0);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(114, 75, 183) 0px 0px 0px 4px;
    color: rgb(255, 255, 255);
    outline: none;
}

Try editing this:
button:hover

to this:
button:not(.menu-toggle):hover

Css code add but still same issue

Try replacing:
button:active

with:
button:not(.menu-toggle):active

Basically, you want to exclude .menu-toggle from your custom CSS. You can use the browser inspect tool to see which CSS is interfering with.

Done. I removed totally button css and its fixed.

Sounds good.