WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am trying to get the 2nd level menu items be listed horizontally (for Twenty Eleven theme on Wordpress 3.3 beta 4). I've tried modifying

#access ul li:hover > ul {
         display: block; }

to display: inline-block;

but this doesn't seem to work. Any ideas on how I could accomplish this? Thank you.

share|improve this question

You can try positioning the UL absolutely and give a distance from "top", eg:

#access ul li > ul {
  position:absolute;
}

#access ul li:hover > ul {
  top: 2em; /*This needs to be enough to push it below the main menu */
}

You might also need to float the LIs within that left, or display them inline, eg:

#access ul li:hover > ul li {
  float:left;
}

or

#access ul li:hover > ul li {
  display:inline;
}

Without seeing your HTML and CSS it's hard to help, but I hope this helps to get you on the right path.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.