Title: drop down menu
Last modified: August 21, 2016

---

# drop down menu

 *  Resolved [Javier007](https://wordpress.org/support/users/javier007/)
 * (@javier007)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/drop-down-menu-70/)
 * Good.
 * Is there any way to adjust the separation of the dropdown menu?
 * This is my site: [http://www.lsspainmodcompany.com](http://www.lsspainmodcompany.com/)
 * A greeting.

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

 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/drop-down-menu-70/#post-4024958)
 * Firstly, in order to make changes to your theme it is best practise to either
   [create a child theme](https://wordpress.org/support/topic/drop-down-menu-70/codex.wordpress.org/child_themes?output_format=md)
   or [install a custom CSS plugin](http://wordpress.org/plugins/search.php?q=custom+css).
 * In your child theme’s style.css file or in your custom CSS plugin’s editor, insert
   the following CSS snippet:
 *     ```
       #primary-nav > li:hover > ul {
       top: 30px;
       }
       ```
   
 * This will control the gap between the dropdown menu and the main nav bar. Increase
   or decrease the numeric px value of `top` as you wish.
 * Hope this helps, let me know if anything needs clarifying.
 *  Thread Starter [Javier007](https://wordpress.org/support/users/javier007/)
 * (@javier007)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/drop-down-menu-70/#post-4025029)
 * It works but it’s not what I want, I want to control the horizontal space between
   the other down.
 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/drop-down-menu-70/#post-4025064)
 * Oh, sorry. Did you mean the second and third level dropdown menus? If so, the
   following CSS controls the horizontal space for these:
 *     ```
       #primary-nav li ul li:hover > ul{
       left: 152px;
       }
       ```
   
 * Adjust the value for `left` as you wish.
 * I noticed there’s a bit of a problem with overlap with your third level dropdown
   menu. This is a little bit hacky, but you could try the following CSS to fix 
   this:
 *     ```
       #primary-nav li ul li:hover > ul {
       left: 108%;
       }
       ```
   
 *  Thread Starter [Javier007](https://wordpress.org/support/users/javier007/)
 * (@javier007)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-70/#post-4025106)
 * Thank you.
 * This really is what I wanted, you can close the topic.

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

The topic ‘drop down menu’ is closed to new replies.

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

 * 4 replies
 * 2 participants
 * Last reply from: [Javier007](https://wordpress.org/support/users/javier007/)
 * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-70/#post-4025106)
 * Status: resolved