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.

Hi Vidhi,

How is it going with your drop-down menu? Is the issue still there or is it resolved?

Hey Thank you so much for your advice all worked just right :)))

But guess what I’m almost in teras! As my wordpress got updated and I think I lost everything! I cant see any changes nothing!

Anyway you know to get it back?????????/

PLEASE PLEASE HELP. I dont want to sit days and days creating the site again ??

You and/or your hosting provider should have a back up of your site. It could be a plugin or info in the .htaccess, I can’t say from where I stand. I don’t know how familiar you are with WordPress workings, but I think it’s a good idea to contact your hosting provider for help with this.

I am a complete novice in wordpress workings. Yes I have contacted my hosting service. hope they can help ??

Thanks a lot for your help ??

I’m sure your hosting provider will be able to help.