Title: Drop down menu malfunction Last modified: August 22, 2016 --- # Drop down menu malfunction * Resolved [dmd54](https://wordpress.org/support/users/dmd54/) * (@dmd54) * [11 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-malfunction/) * IF someone could help me figure out a drop down menu issue I would appreciate it. * site is [http://macrodiver.com](http://macrodiver.com) * if you scroll over “about” or “dive courses” in the main nav menu there is a drop down but if you try to mouse over an option the menu closes. Viewing 11 replies - 1 through 11 (of 11 total) * [jkovis](https://wordpress.org/support/users/jkovis/) * (@jkovis) * [11 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-malfunction/#post-5269803) * In wp-content/themes/macro/style.css try replacing: * ``` .tc-hover-menu.nav ul { top: 50px; } ``` * with: * ``` /* .tc-hover-menu.nav ul { top: 50px; } /**/ ``` * [juslooken](https://wordpress.org/support/users/juslooken/) * (@juslooken) * [11 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-malfunction/#post-5269832) * Try adding the following to your stylesheet wp-content/themes/macro/style.css * ``` .navbar .nav > li > .dropdown-menu:after { top:0; } ``` * and change the following * ``` .tc-hover-menu.nav ul { top: 50px; } ``` * to * ``` .tc-hover-menu.nav ul { top: 30px; } ``` * Thread Starter [dmd54](https://wordpress.org/support/users/dmd54/) * (@dmd54) * [11 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-malfunction/#post-5269885) * i don’t see how that will work. i specifically added that css to move the menu to be level with the top of the featured image. the menu is exactly where i want it to be but it doesn’t work. * [juslooken](https://wordpress.org/support/users/juslooken/) * (@juslooken) * [11 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-malfunction/#post-5269886) * The error is occurring because the drop-down is too far away from from its parent link, causing it to disassociate when you move your mouse down. * .tc-hover-menu-nav.ul will pull the drop-down up closer to the main navigation bar * .navbar .nav > li > .dropdown-menu:after closes up a small gap that seemed to occur in the drop-down when it moved up. * The changes appeared to work correctly when I tested with Firebug. * Thread Starter [dmd54](https://wordpress.org/support/users/dmd54/) * (@dmd54) * [11 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-malfunction/#post-5269888) * hi justlooken – thanks for the suggestion but again that brings the menu too close to the first line item. i want the menu to be flush with the featured image. * [juslooken](https://wordpress.org/support/users/juslooken/) * (@juslooken) * [11 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-malfunction/#post-5269889) * Ok, it will also work by changing the padding of the parent link. * look for this line * .navbar .nav > li > a * and increase the bottom padding as follows: * ``` .navbar .nav > li > a { font-size: 16px; padding: 5px 20px 30px; } ``` * Thread Starter [dmd54](https://wordpress.org/support/users/dmd54/) * (@dmd54) * [11 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-malfunction/#post-5269898) * tried it but still it just moves the menu under the first line item. thanks again for trying to help. beyond frustrating. * [juslooken](https://wordpress.org/support/users/juslooken/) * (@juslooken) * [11 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-malfunction/#post-5269901) * This worked for me but then I resized my browser window and realised what you’re trying to achieve. * On my monitor the drop-down was not starting at the top of the image but about 30px above it, then as I sized it down the position of the menu changed until it did line up. Eventually the ‘contact’ link dropped down and things broke again. * You’re going to need to fix two things here – 1. The menu positioning, so that the distance between the top of the parent menu does not alter from image 2. The gap between the parent menu and the drop-down. * Happy to assist you with this, let me know. * [juslooken](https://wordpress.org/support/users/juslooken/) * (@juslooken) * [11 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-malfunction/#post-5269902) * Just FYI – this is a screenshot of various sizes, the large version at the back is how I was viewing * [Macrodiver screenshot](http://i1058.photobucket.com/albums/t416/juslooken/macrodiver_zps6f27b097.jpg) * [juslooken](https://wordpress.org/support/users/juslooken/) * (@juslooken) * [11 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-malfunction/#post-5269908) * Try the following changes * ``` .row-fluid { position: relative; top: 5px; width: 100%; } .navbar .navbar-inner { border: 0 none; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); margin: 24px 5px 0; padding-left: 5px; z-index: 200; } .navbar .nav > li > a { font-size: 16px; padding: 0 20px 10px; } .tc-hover-menu.nav ul { top: 25px; } ``` * Thread Starter [dmd54](https://wordpress.org/support/users/dmd54/) * (@dmd54) * [11 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-malfunction/#post-5269929) * got it sorted. thanks again for the suggestions Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Drop down menu malfunction’ is closed to new replies. ## Tags * [drop-down](https://wordpress.org/support/topic-tag/drop-down/) * [hover](https://wordpress.org/support/topic-tag/hover/) * [menu](https://wordpress.org/support/topic-tag/menu/) * [navigation](https://wordpress.org/support/topic-tag/navigation/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 11 replies * 3 participants * Last reply from: [dmd54](https://wordpress.org/support/users/dmd54/) * Last activity: [11 years, 9 months ago](https://wordpress.org/support/topic/drop-down-menu-malfunction/#post-5269929) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics