Title: Custom dropdown menu
Last modified: August 21, 2016

---

# Custom dropdown menu

 *  [monleen](https://wordpress.org/support/users/monleen/)
 * (@monleen)
 * [13 years ago](https://wordpress.org/support/topic/custom-dropdown-menu/)
 * Hello All,
    Im a novice WordPress Programmer.I have managed to create a custom
   theme for one of my websites which I earlier designed purely using HTML5,CSS3
   and Php. The website has a dropdown menu purely using CSS styles. In WordPress
   I created the custom menu ,but Im hitting a roadblock here as WordPress doesnt
   seem to recognize the css styles I have used.I gather that the classes used in
   my styles code for the top level li and the sublevel li is the issue here. Is
   there a particular file in wordpress I need to modify to get this dropdown working
   following is my css code
 * /*dropdown menu styles */
    #mainNav ul.subMenu { float:none; background:#699;
   width:auto; height:auto; position:absolute; top:2.3em; left:-9000em; max-height:
   0; -moz-transition:max-height .5s ease-in-out; -webkit-transition:max-height .
   5s ease-in-out; -o-transition:max-height .5s ease-in-out; transition:max-height.
   5s ease-in-out; overflow:hidden; } #mainNav ul.subMenu li { float:none; } #mainNav.
   topMenu li:hover ul { left:0; max-height:10em; } #mainNav ul.subMenu li a { color:
   white; font-size:.8em; border-bottom:1px solid #7DAAA9; padding:.2em 1em; white-
   space:nowrap; } #mainNav ul.subMenu li:last-child a { border-bottom:none; } #
   mainNav ul.subMenu li a:hover { background:#7DAAA9; height:2.3em; padding-top:.
   2em; top:0; border-radius:0; }

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

 *  [graphical_force](https://wordpress.org/support/users/graphical_force/)
 * (@graphical_force)
 * [13 years ago](https://wordpress.org/support/topic/custom-dropdown-menu/#post-3764369)
 * Can you provide a link to your site?
 *  Thread Starter [monleen](https://wordpress.org/support/users/monleen/)
 * (@monleen)
 * [13 years ago](https://wordpress.org/support/topic/custom-dropdown-menu/#post-3764463)
 * the site rite now is in HTML5..the wordpress site is local..
    [http://jesusfirstgroup.org](http://jesusfirstgroup.org)
 *  [graphical_force](https://wordpress.org/support/users/graphical_force/)
 * (@graphical_force)
 * [13 years ago](https://wordpress.org/support/topic/custom-dropdown-menu/#post-3764481)
 * So if you are asking for help with making this work with your wordpress site,
   we would need to see how the markup is on your site. I realize it’s local but
   we can’t help unless we can see.

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

The topic ‘Custom dropdown menu’ is closed to new replies.

## Tags

 * [custom theme](https://wordpress.org/support/topic-tag/custom-theme/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [graphical_force](https://wordpress.org/support/users/graphical_force/)
 * Last activity: [13 years ago](https://wordpress.org/support/topic/custom-dropdown-menu/#post-3764481)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics