Submenu Format

Hi,

I am not too happy with the drop down menus.

If you look at my attachment, as a designers point of view they don't look too attractive.

Can the submenu blocks be reduced in width , so they are not too big? Or do you have any other solutions.

I just want the submenus to look attractive.

Hope that makes sense.

Thank you

 

Paste the following code in your custom css
Appearance -> Theme Options -> Styling Options -> Custom CSS

Code:

#menu .ddsmoothmenu li ul li {
width: 130px;
}
#menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
width: 94px;
}

Adjust the value of width as you required. This will solve your issue.

 

Thank you for this.

As a another option , can the drop down menu be changed to white and keep the main menus themselves green, as per my original attachment?

If you look at this website, you may understand it better.

http://www.snapsurveys.com/online-surveys/

 

Basically, I want Black fonts in the submenus, White background, and also send me code for the hovering shade.

Like this website http://www.snapsurveys.com/online-surveys/

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li li{
background:white;
}
#menu .ddsmoothmenu li li a:hover{
background:green;
}
#menu .ddsmoothmenu li li a{
color:black!important;
}

 

Fantastic. Works a treat. Thanks