Title: Dropdown Menu Adding Horizontal Space
Last modified: August 22, 2016

---

# Dropdown Menu Adding Horizontal Space

 *  [hlcs23](https://wordpress.org/support/users/hlcs23/)
 * (@hlcs23)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/dropdown-menu-adding-horizontal-space/)
 * I have a custom menu situated in the upper right of my site that has three primary
   links. The fourth is a dropdown that includes the rest of the site links. This
   fourth link is causing overflow issues and adding empty width to the site pushing
   it out horizontally. How can I prevent this?

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

 *  [Luke Stacey](https://wordpress.org/support/users/daftduke/)
 * (@daftduke)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/dropdown-menu-adding-horizontal-space/#post-5648825)
 * Hi there!
 * Can you post a link to your site so that we might come up with a solution for
   you?
 * Cheers,
 * Luke the Daft Duke
 *  Thread Starter [hlcs23](https://wordpress.org/support/users/hlcs23/)
 * (@hlcs23)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/dropdown-menu-adding-horizontal-space/#post-5648826)
 * Sure thing, and thanks for the quick response.
 * [http://hlcs23.com](http://hlcs23.com)
 *  [Luke Stacey](https://wordpress.org/support/users/daftduke/)
 * (@daftduke)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/dropdown-menu-adding-horizontal-space/#post-5648837)
 * I see the problem…
 * You could reduce the left position of the drop-down menu to remove the overflow
   issue.
 *     ```
       .fixed-header #header-right .widget ul.menu ul ul, #header-right .widget ul.menu ul ul {
         left: 15px;
       }
       ```
   
 * Which would make it look like this:
 * [Screenshot](http://postimg.org/image/luam5rq3h/)
 * If that seems to tight then you could shift the entire header left until you 
   achieve the balance of design you want.
 * Like this: [Screenshot](http://postimg.org/image/5znejq2pr/)
 *     ```
       #header-right {
         margin-right: 100px;
       }
   
       .fixed-header #header-right .widget ul.menu ul ul, #header-right .widget ul.menu ul ul {
         left: 80px;
       }
       ```
   
 * To use this code you will either have to create a [child theme](http://codex.wordpress.org/Child_Themes)
   or use a plugin such as [Simple Custom CSS](https://wordpress.org/plugins/simple-custom-css/).
 * I hope that helps!
 * Luke the Daft Duke

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

The topic ‘Dropdown Menu Adding Horizontal Space’ is closed to new replies.

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

## Tags

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

 * 3 replies
 * 2 participants
 * Last reply from: [Luke Stacey](https://wordpress.org/support/users/daftduke/)
 * Last activity: [11 years, 4 months ago](https://wordpress.org/support/topic/dropdown-menu-adding-horizontal-space/#post-5648837)
 * Status: not resolved