Title: Dropdown CSS Issues
Last modified: August 20, 2016

---

# Dropdown CSS Issues

 *  [n0ts0smart](https://wordpress.org/support/users/efpeterson/)
 * (@efpeterson)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/dropdown-css-issues/)
 * Hi folks,
 * A client asked me to get his site up to par so that he doesn’t need 1,000 widgets
   to make it operational. I’ve been working on the following site here on my test
   server: [http://tinyurl.com/cokd8bb](http://tinyurl.com/cokd8bb)
 * I have managed to get the sidebars widgetized and the menu working, but I am 
   having a problem with the menu dropdowns. Not sure if I missed something in the
   functions.php file but I don’t think I did. From what I remember you could make
   dropdowns straight from CSS.
 * Currently Sample Page 1 should have a dropdown underneath called Submenu 1. There
   is also a Contact Us page but it doesn’t appear when a dropdown is added from
   the Appearance > Menus panel. Right now it should appear to the right of Sample
   Page 1.
 * I want to make the dropdowns work with CSS but can’t seem to figure it out. Currently
   we have the following CSS, but no dice on the dropdowns working:
 *     ```
       div.menu ul {
           list-style-type: none;
           margin:10px 0 0 0;
       }
   
       div.menu ul li {
           display: inline;
           background: url(images/pipe_nav.png) 0 0 no-repeat;
           margin: 0;
           height: 20px;
       }
   
       div.menu ul li.first-item {
           background: none;
       }
   
       div.menu ul li a {
           padding: 12px 15px 9px 20px;
           font-size: 85%;
           text-transform: uppercase;
           font-weight: bold;
           text-decoration: none;
           color: #fff;
       }
   
       div.menu ul li#current a {
           background-color: #000;
       }
   
       div.menu ul li a:hover {
          text-decoration: underline;
       }
   
       div.menu ul li#current a:hover {
          text-decoration: none;
       }
       ```
   

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/dropdown-css-issues/#post-3309910)
 * the menu elements are showing in the html in the browser, hidden behind the #
   main div.
 * either check the web for css menu dropdown examples, or even the stylesheets 
   of the WordPress default themes Twenty Ten, Twenty Eleven, or Twenty Twelve.
 * helping with pure formatting is not the focus of this forum; you might better
   ask at a css forum like [http://csscreator.com/forum](http://csscreator.com/forum)
 *  Thread Starter [n0ts0smart](https://wordpress.org/support/users/efpeterson/)
 * (@efpeterson)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/dropdown-css-issues/#post-3309913)
 * Thanks, Alchymyth! I’ll check that site out and see if anyone can give me a hand.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Dropdown CSS Issues’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [dropdowns](https://wordpress.org/support/topic-tag/dropdowns/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 2 replies
 * 2 participants
 * Last reply from: [n0ts0smart](https://wordpress.org/support/users/efpeterson/)
 * Last activity: [13 years, 5 months ago](https://wordpress.org/support/topic/dropdown-css-issues/#post-3309913)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics