[Anonymous]

I am trying to change the color of my main menu bar from the default to #D9BEB8

I also want to remove the huge space between my header image and the menu bar.

I am new to CSS editing, but every code I’m putting in is just not doing anything —- what am I doing wrong?

my website url is : https://heatherpillsbury.com/

[Mahesh]

@hapillsbury: Color options is available in Pro version. I recommend you to upgrade to Pro. Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

.site-branding {
    display: none;
}

.main-navigation {
    background-color: #D9BEB8;
}

Regards,
Mahesh

[Anonymous]

I have a premium account and that code worked!!!!! Thanks so much!!!

However – it looks like that when you load the page on a mobile device – part of the menu is still the default color until you hover over it.

Is there a way to fix that?

Again that you so much for your help! I appreciate it so much.

[Sakin]

You can add the following css in “Dashboard=> Appearance=> Customize=> Additional CSS”

.menu-toggle {
    background-color: #D9BEB8;
}

[Author]

Posts