Changing the background color and size of the drop down menu?

Hi Vidhi,

If your theme doesn’t have an option to change the submenu bg color, then you can use a child theme and make this CSS modification:

.nav ul ul {
    background: #FFFFFF;
}

This would turn the submenu’s background into white. Obviously, it’s up to you which color you want to apply.

You can do the same to change the font color of the dropdown list:

.nav ul ul a {
    color: #666;
}

This would turn the color into gray. It’s up to you to change it into what you like.

As for the color of the arrow signs, this depends on an image. Here’s the CSS:

.nav ul li.has-sub > a {
    background: url("images/menu_down.gif") no-repeat right center;
}

You’ll need to replace that image with one that has the desired color.

Finally, the width of the menu bar is just right: it aligns with the rest of the content. Perhaps, you could further decrease the distance in between menu items. Something like:

.nav li {
    margin-right: 0;
}

I hope this helps.