Change mobile menu background color

also — is there a way to make the menu font bigger? the other fonts I can add a size but nothing changes the menu – which is apparently the “a” tag ….

one last thing — if I add a color to the customize section, it turns all the text that color, even if I have a different color specified on the actual page … for instance if I make “paragraph” blue, the text I have in red also turns blue. If I don’t specify a color, the text shows in red. How can I avoid this?

Hello,

To change the background color of header, please follow the below steps.

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste below css in additional css.

#header{
background-color: Add color code here !important;
}

To make the menu font bigger, please follow the below steps.

Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Header Section >> Navigation Font Size, here you can change the menu font size.

To change the paragraph color of whole theme, please follow the below steps.

Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Color / Font Pallete >> Paragraph color, here you can change the paragraph color.

Thank You.

The menu font changed worked — not sure how I missed that ..

I don’t need to change the header color, I need to change the mobile menu color from purple to a lighter color, so your css code did work for that

I don’t want to change the paragraph color for the whole theme because I have different colors on my page. BUT if I don’t use the customize color as you suggested, some of the items like the footer are left white.

Plus my dashboard header is black until I actually open the dashboard .. really hard to read it

hhpnc.com

Hi – I am still trying to get this fixed,

Hello,

To change the mobile menu header color, please follow the below steps.

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste below css here.

.side-menu{
background-color: Add color code here !important;
}

To change the footer text color, please follow the below steps.

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste below css here.

.copyright p{
color: Add color code here !important;
}

To change the header text color of the dashboard, please follow the below steps.

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste below css here.

.wp-admin a{
color: #ffffff !important;
}

Thank You.

great – the mobile menu and footer text color both worked

The dashboard change didn’t work – in the admin mode I can see it fine but if I click on visit site from the dashboard – that is when the dashboard header background is black. I tried changing your code suggestion to

.wp-admin a{
background-color: #ffffff !important;
}
but that didn’t change it either. This text color seems to be determined by the “a” Tag Color, because when I changed that to white or a lighter color, it changed the color so I could see it. That also change the color of my menu text but I guess that will have to do.

You can use this css to change the header text color of the dashboard, please follow the below steps.

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste below css here.

#wpadminbar a{
color: #ffffff !important;
}

Thank You.

Thanks — I think that worked!