Title: Two Menu Header Problems
Last modified: August 21, 2016

---

# Two Menu Header Problems

 *  [eengler](https://wordpress.org/support/users/eengler/)
 * (@eengler)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/two-menu-header-problems/)
 * Hello.
 * I am wondering if there is a better way to lay out this two menu header in my
   site. I want less space between the menus but if I move the second menu up more
   the top menu links are no longer active. Also I can’t get them to align and although
   I alter the CSS of the button in the main main nothing happens. I know I’m asking
   alot of questions but I feel like everyttime I fix one thing something else get
   messed up.
 * Below is a link to the site:
 * [http://www.esquaredpress.com](http://www.esquaredpress.com)

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

 *  [Christine Rondeau](https://wordpress.org/support/users/crondeau/)
 * (@crondeau)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/two-menu-header-problems/#post-5128874)
 * On your top menu, you have this in your CSS:
 *     ```
       #my-top-menu ul li {
       display: inline-block;
       padding: 25px 5px;
       margin-right: 50px;
       }
       ```
   
 * That’s 25px set for the top and bottom of that div.
    I would change that to 10px
   and that would reduce the height of that menu and tighten things up.
 * For the alignment, try doing this:
 *     ```
       .navbar .nav {
       float: right;
   
       }
       ```
   
 * Right now your nav is set to float left.
 *  Thread Starter [eengler](https://wordpress.org/support/users/eengler/)
 * (@eengler)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/two-menu-header-problems/#post-5128879)
 * When I changed the padding to 10px the top links are no longer active? I don’t
   know what’s going on.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 10 months ago](https://wordpress.org/support/topic/two-menu-header-problems/#post-5128881)
 * Can you show us the problem?
 *  Thread Starter [eengler](https://wordpress.org/support/users/eengler/)
 * (@eengler)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/two-menu-header-problems/#post-5128883)
 * I have changed the padding to 10px as suggested above. Please see site as links
   in top menu are no longer active.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 10 months ago](https://wordpress.org/support/topic/two-menu-header-problems/#post-5128885)
 * Doesn’t look like that issue’s caused by the 10pixel padding to me
 *  Thread Starter [eengler](https://wordpress.org/support/users/eengler/)
 * (@eengler)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/two-menu-header-problems/#post-5128888)
 * But when it’s 25px it works? Any suggestions?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 10 months ago](https://wordpress.org/support/topic/two-menu-header-problems/#post-5128889)
 * You can comment out CSS in your stylesheet to explore which is responsible you
   know. It’s even easier with tools like Firebug.
 * Are you sure the CSS responsible isn’t this instead:
 *     ```
       .navbar-wrapper .navbar.notresp {
           ...
           margin-top: -60px;
       }
       ```
   
 *  Thread Starter [eengler](https://wordpress.org/support/users/eengler/)
 * (@eengler)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/two-menu-header-problems/#post-5128891)
 * Very well may be. I have taken all padding a margins out in terms of top of bottom.
   I was trying to reduce the white space between the two menus. How would you suggest
   I do that?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 10 months ago](https://wordpress.org/support/topic/two-menu-header-problems/#post-5128893)
 * You’d benefit greatly from Firebug or an equivalent tool. Look what I can see.
   I can see empty elements that are taking up room [http://snag.gy/f3oWA.jpg](http://snag.gy/f3oWA.jpg)
 *     ```
       <div class="social-block span5"></div>
       <h2 class="span7 inside site-description"></h2>
       ```
   
 * I can see margins, I can see heights, [http://snag.gy/XnBUU.jpg](http://snag.gy/XnBUU.jpg)
 *  Thread Starter [eengler](https://wordpress.org/support/users/eengler/)
 * (@eengler)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/two-menu-header-problems/#post-5128899)
 * Well that’s very interesting. I had no idea that was there. Thank you for that
   great tool

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

The topic ‘Two Menu Header Problems’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 10 replies
 * 3 participants
 * Last reply from: [eengler](https://wordpress.org/support/users/eengler/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/two-menu-header-problems/#post-5128899)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics