Title: Responsive Dropdown Menu
Last modified: August 21, 2016

---

# Responsive Dropdown Menu

 *  [nbseegars](https://wordpress.org/support/users/nbseegars/)
 * (@nbseegars)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/responsive-dropdown-menu/)
 * Hi There! I’m having an issue with the dropdown navigation menu properly displaying
   on mobile. When you got to my site on mobile you only see a bunch of white space
   separated by a thin line under the logo. If you click the white space the dropdown
   navigation menu appears. My site is [http://www.growingandglowing.com](http://www.growingandglowing.com).
   Any help?

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

 *  [Alexander Agnarson](https://wordpress.org/support/users/alxmedia/)
 * (@alxmedia)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/responsive-dropdown-menu/#post-4700654)
 * Hi!
 * Try adding this custom css:
 *     ```
       @media only screen and (max-width: 719px) {
       #nav-header.nav-container { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
       #nav-header .nav-toggle { border-left: 1px solid #eee; color: #444; -webkit-box-shadow: none; box-shadow: none; }
       }
       ```
   
 * The reason you have trouble there is because the menu wasn’t really designed 
   to work with white as color.
 *  Thread Starter [nbseegars](https://wordpress.org/support/users/nbseegars/)
 * (@nbseegars)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/responsive-dropdown-menu/#post-4700691)
 * Thanks, Alex! It worked! 🙂 2 questions:
    1. Will this fix it on mobile and tablets?
   2. Is there an easy way for me to make it say “menu” on the left for the mobile/
   tablet devices. If it’s too complicated, no worries.
 * I am so grateful for your wonderful support.
    Naita
 *  [Alexander Agnarson](https://wordpress.org/support/users/alxmedia/)
 * (@alxmedia)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/responsive-dropdown-menu/#post-4700694)
 * 1) This will fix it for mobile – tablets use the same view as desktop, so it 
   should be fine there!
    2) Yup! Edit header.php with a child theme and locate (
   the second spot for header menu, so it’s not topbar):
 *     ```
       <div class="nav-text"><!-- put your mobile menu text here --></div>
       ```
   
 * And do like:
 *     ```
       <div class="nav-text">Navigation</div>
       ```
   
 * or something similar. And then add some css styling as you wish:
 *     ```
       #nav-header .nav-text { color: #444; font-weight: 600; }
       ```
   

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

The topic ‘Responsive Dropdown Menu’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hueman/3.7.27/screenshot.png)
 * Hueman
 * [Support Threads](https://wordpress.org/support/theme/hueman/)
 * [Active Topics](https://wordpress.org/support/theme/hueman/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hueman/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hueman/reviews/)

## Tags

 * [drop down menu](https://wordpress.org/support/topic-tag/drop-down-menu/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)
 * [nav menu](https://wordpress.org/support/topic-tag/nav-menu/)
 * [navigation](https://wordpress.org/support/topic-tag/navigation/)

 * 3 replies
 * 2 participants
 * Last reply from: [Alexander Agnarson](https://wordpress.org/support/users/alxmedia/)
 * Last activity: [12 years, 2 months ago](https://wordpress.org/support/topic/responsive-dropdown-menu/#post-4700694)
 * Status: not resolved