Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

CSS for a menu WordPress

  • SOLVED

I need to finish this menu, The 2nd menu under the slider needs to only have text links in the drop down.

[[LINK href="http://yogahealthretreats.com/dev/"]]http://yogahealthretreats.com/dev/[[/LINK]]

The problem is, at first when you see it, it looks fine, but after you click, you get an image. This is very strange. Edit - The text is replaced by an image (and dropdown is bigger.) If you click on the drop down, at least one of the links, and then go to hover over the same one, you will see that the drop down is longer. If the backgorund would not have been set, it would be an image. (I hope I explained this better.)

If you have a solution, that would be awesome.

Answers (3)

2010-09-09

enodekciw answers:

try adding this code to the bottom of your style.css


#nav li ul li a {
text-indent: 10px !important;
}


Nile Flores comments:

This allows the text to appear, but does not allow the dropdown to show like it should. I added an extra note to my question about the fact that if I had not set my background for the a, then I would have had an image there. That image is what is making the drop down length after visiting.

This has to be corrected.

So far, awesome. I appreciate your answer so far. :)


enodekciw comments:


#nav li ul li a {
height: 25px !important;
text-indent: 10px !important;
}


that should do the trick.

2010-09-09

Pippin Williamson answers:

Here's an easy solution: I've built a ready-to-use CSS 3 menu (with basic styling) that works perfectly. You could download it and install it into your theme.

[[LINK href="http://pippinspages.com/css/freebie-css-3-drop-down-menus/"]]http://pippinspages.com/css/freebie-css-3-drop-down-menus/[[/LINK]]

2010-09-09

Tobias Nyholm answers:

Try out my plugin:
http://wordpress.org/extend/plugins/webfish-dropdown-menu/