Title: Drop Down Menu Not Dropping Down
Last modified: August 29, 2020

---

# Drop Down Menu Not Dropping Down

 *  [Angella](https://wordpress.org/support/users/borammie/)
 * (@borammie)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/drop-down-menu-not-dropping-down/)
 * I was messing with my CSS to fix the look of my page and somehow I ended up disabling
   the drop down menu from my top main menu bar. When I hover over the menu with
   submenus, it doesn’t show up.
 * Also, I noticed when I put my mouse cursor over the category, it pops up a “mini
   window” showing what it says now. I’ve never had that happen.
 * Help! 🙁
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fdrop-down-menu-not-dropping-down%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Niall Madhoo](https://wordpress.org/support/users/nm1com/)
 * (@nm1com)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/drop-down-menu-not-dropping-down/#post-13333041)
 * Hey Angella!
 * I’m sorry to hear there are problems with the submenus on your site.
 * There is one option that might help fix this issue:
 * I compared the “style.css” file from your site ([found here](https://www.simplyangella.com/wp-content/themes/zkokoro/style.css?ver=5.5))
   with the “style.css” from the [demonstration](http://demo.zthemes.net/kokoro/)
   of the [Kokoro WordPress theme](https://zthemes.net/themes/kokoro) that you use
   on your website ([found here](http://demo.zthemes.net/kokoro/wp-content/themes/zkokoro/style.css?ver=5.5)).
   I used TextCompare’s CSS comparison tool ([found here](https://www.textcompare.org/css/))
   to find the difference between the two stylesheets.
 * The :hover state for the dropdown menu has been removed from your theme’s “style.
   css” file. This CSS code determines the background and border for the dropdown
   menu. I think that by removing that code, the dropdown no longer works as it’s
   supposed to work.
 * Could you please try adding the following code (copied from the original Kokoro
   theme’s “style.css” file) after line 115 of your website’s “style.css” file?
 *     ```
       #nav-wrapper .sub-menu a:hover {
         background: #f9f9f9;
         color: #000;
       }
       ```
   
 * The “mini window” does not show on my computer. I think that adding the code 
   should fix the “mini window” pop up based on how you described the way it works.
 * Hope this helps! If you need any more help, please let me know.
 * p.s. Your site looks great!
 *  Thread Starter [Angella](https://wordpress.org/support/users/borammie/)
 * (@borammie)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/drop-down-menu-not-dropping-down/#post-13333815)
 * Hi there,
 * That didn’t seem to work. Plus, I noticed that code you asked me to enter was
   already in my CSS on line 428.
 * Any other ideas? 🙁
 * Thanks for the suggestion though.
 *  [Niall Madhoo](https://wordpress.org/support/users/nm1com/)
 * (@nm1com)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/drop-down-menu-not-dropping-down/#post-13334295)
 * You’re welcome!
 * Sorry, I only copied the menu code and not the rest of the styles, so the line
   numbers were different. And that code is only for when the mouse hovers over 
   the sub-menu items! I’ve no idea what I was thinking lol.
 * I looked at it again. The responsive code from the “style.css” was removed. I
   would suggest adding that code back to your “style.css” file, as it controls 
   some of the mobile functionality of your site. It also controls the dropdown 
   menus.
 * You can find the code from line 2319 to line 2651 (I double-checked this time!)
   of the original theme’s “style.css” file: [http://demo.zthemes.net/kokoro/wp-content/themes/zkokoro/style.css](http://demo.zthemes.net/kokoro/wp-content/themes/zkokoro/style.css).
   It’s labelled “16. RESPONSIVE.” Copy the code to line 1655 of your “style.css”
   file.
 * As you wanted to modify the CSS code, I’d suggest copy/pasting whatever code 
   you’d like to modify into the “Appearance > Customize > Additional CSS” section
   of the WordPress admin instead of editing the “style.css” file. Then modify the“
   Additional CSS” code instead.
 * That way, if you update your “style.css” to a newer version from ZThemes, you
   won’t need to redo the changes that you made to the CSS code. And the site shouldn’t
   break in case something necessary was removed.
 * I added the responsive code into my browser to test it, and the drodown menus
   are now working: [](https://imgur.com/AGyLqlw)
 * Please add the code to your site and let me know if it works.
    -  This reply was modified 5 years, 10 months ago by [Niall Madhoo](https://wordpress.org/support/users/nm1com/).
    -  This reply was modified 5 years, 10 months ago by [Niall Madhoo](https://wordpress.org/support/users/nm1com/).
 *  Thread Starter [Angella](https://wordpress.org/support/users/borammie/)
 * (@borammie)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/drop-down-menu-not-dropping-down/#post-13335231)
 * Hi Niall,
 * Now that you mention it, I think I accidently deleted the RESPONSIVE code when
   I was trying to clean up the WooCommerce junk that was not removed when I uninstalled
   it (it shows up after WooCommerce code).
 * After my last response, I had went back into the demo CSS and copy/pasted the
   entire thing into my own CSS! I think it fixed my menu drop down. But hard for
   me to tell because my Safari browser shows it’s still broken while my Chrome 
   shows it works (I purged all caches and cleared history on both).
 * Could you verify for me?
 * Thank you so much! 🙂
 *  [Niall Madhoo](https://wordpress.org/support/users/nm1com/)
 * (@nm1com)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/drop-down-menu-not-dropping-down/#post-13335304)
 * Hi Angella,
 * You’re welcome! 🙂
 * It’s working for me on Safari 13.1.2. It wouldn’t work on the home page at first.
   I opened the blog page and the dropdowns worked. I went back to the home page
   and the dropdowns magically started working there too.
 * Have a great week!
    Niall
 *  [eknum2](https://wordpress.org/support/users/eknum2/)
 * (@eknum2)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/drop-down-menu-not-dropping-down/#post-13357362)
 * Hi,
 * I am having the same issue on one of my sites. Can you also take a look?
    FirstNano.
   com

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

The topic ‘Drop Down Menu Not Dropping Down’ is closed to new replies.

## Tags

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

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 3 participants
 * Last reply from: [eknum2](https://wordpress.org/support/users/eknum2/)
 * Last activity: [5 years, 10 months ago](https://wordpress.org/support/topic/drop-down-menu-not-dropping-down/#post-13357362)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics