Title: Need some help with dropdown menu behavior
Last modified: November 26, 2017

---

# Need some help with dropdown menu behavior

 *  Resolved [figure2](https://wordpress.org/support/users/figure2/)
 * (@figure2)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/need-some-help-with-dropdown-menu-behavior/)
 * Greetings. This is a basic theme I am creating which uses the bootstrap framework.
   I didn’t want to use the bootstrap menu and would prefer to code my own.
 * There is a sub menu item below the “My Portfolio” main menu item but it doesn’t
   appear when you hover over My Portfolio, but it does appear when you hover just
   below the menu.
 * Not sure what I am doing wrong. The menu CSS is below:
 *     ```
       #primary-menu {
       	background-color: #595959;
       	margin-bottom: 18px;
       }
       #primary-menu .main-nav ul, #primary-menu .main-nav li {
       	margin: 0;
       	padding:0;
       }
       #primary-menu .main-nav li {
       	list-style-type: none;
       	display: inline-block;
       	position: relative;
       }
       #primary-menu .main-nav li a, #primary-menu .main-nav ul ul li a {
       	display: block;
       	padding: 6px 12px;
       	font-size: 18px;
       	font-weight: 400;
       	color: #fff;
       }
       #primary-menu .main-nav li a:hover, #primary-menu .main-nav .current-menu-item a, #primary-menu .main-nav .current_page_item a, #primary-menu .main-nav a:hover  {
       	background-color: #3c8dc1;
       }
       #primary-menu .main-nav ul ul {
       	display: none;
       	position: absolute;
       	top: 100%;
       }
       #primary-menu .main-nav ul ul li {
       	border-top: 2px solid #cacaca;
       }
       #primary-menu .main-nav ul li:hover > ul {
       	white-space: nowrap;
       	display: block;
       }
       ```
   
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fneed-some-help-with-dropdown-menu-behavior%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Mateus Getulio Vieira](https://wordpress.org/support/users/mateusgetulio/)
 * (@mateusgetulio)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/need-some-help-with-dropdown-menu-behavior/#post-9722900)
 * In this specific case you have to determine a bg color to the hidden menu when
   you hoover on its parent.
 * Try to replace this section:
 *     ```
       #primary-menu .main-nav ul li:hover > ul {
         white-space: nowrap;
         display: block;
       }
       ```
   
 * for this:
 *     ```
       #primary-menu .main-nav ul li:hover > ul {
         white-space: nowrap;
         display: block;
         background-color: #595959;
       }
       ```
   
    -  This reply was modified 8 years, 5 months ago by [Mateus Getulio Vieira](https://wordpress.org/support/users/mateusgetulio/).
    -  This reply was modified 8 years, 5 months ago by [Mateus Getulio Vieira](https://wordpress.org/support/users/mateusgetulio/).
    -  This reply was modified 8 years, 5 months ago by [Mateus Getulio Vieira](https://wordpress.org/support/users/mateusgetulio/).
 *  Thread Starter [figure2](https://wordpress.org/support/users/figure2/)
 * (@figure2)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/need-some-help-with-dropdown-menu-behavior/#post-9722935)
 * Wow! Such a simple thing. Worked like a charm. Thanks so much!

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

The topic ‘Need some help with dropdown menu behavior’ is closed to new replies.

## Tags

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

 * In: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
 * 2 replies
 * 2 participants
 * Last reply from: [figure2](https://wordpress.org/support/users/figure2/)
 * Last activity: [8 years, 5 months ago](https://wordpress.org/support/topic/need-some-help-with-dropdown-menu-behavior/#post-9722935)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics