http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines Support Forum - Topic: Dropdown does not work properly when menu is 2 lines en-US Thu, 20 Jun 2013 02:32:35 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-99467 Mon, 04 Mar 2013 20:51:56 +0000 Kriesi 99467@http://www.kriesi.at/support/ <p>here we go, its actually not that hard once you think a little about it ;D<br /> SInce we need to apply the high z-Index only to the menu that is currently open we can simply use the :hover selector like this:</p> <pre> .main_menu li:hover, .main_menu li:hover ul { z-index: 9999 !important; } </pre> <p>That should do the trick :) </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-97325 Mon, 18 Feb 2013 20:41:29 +0000 Devin 97325@http://www.kriesi.at/support/ <p>I've tagged Peter and Kriesi to see if they can take a look. I assume its a matter of one of the menu items css cascading down to still effect the underlying menu item even when the hover is active but the menu was never coded to work with multiple lines where that would be happening. </p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-97250 Mon, 18 Feb 2013 15:10:18 +0000 matthewkoster 97250@http://www.kriesi.at/support/ <p>Unfortunately that's not an option for us, when the site is complete almost every link will be a drop down. Is there any way to accomplish this? The project cannot be presented to the Exec. Director while its non functional. Is there a way to create a new menu that works? </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-96756 Thu, 14 Feb 2013 13:59:54 +0000 Devin 96756@http://www.kriesi.at/support/ <p>Hi matthewkoster,</p> <p>I tried out a number of things and messing with the z-index on them but I don't know what its not taking effect. The only other option I can see would be to put all items that will have dropdowns on the second row so that the issue doesn't come up.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-96544 Wed, 13 Feb 2013 16:51:49 +0000 matthewkoster 96544@http://www.kriesi.at/support/ <p>The Menu still disappears the second the mouse rolls over a link in the second line. Theoretically those codes should work, but for what ever reason they are not. I still cannot click on anything in the "About" drop down because the second the mouse hits "Financial Literacy" it wants to click it instead of whats on the drop down...</p> <p><a href="http://test.atwaterlibrary.ca" rel="nofollow">http://test.atwaterlibrary.ca</a> </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-95400 Wed, 06 Feb 2013 08:17:02 +0000 Dude 95400@http://www.kriesi.at/support/ <p>Hey! </p> <p> Try to add following code to css/custom.css (probably it will not work with the quick css field):<br /> <pre><code>#top .main_menu .menu li{ z-index: -1; } .main_menu .menu ul.sub-menu{ top: 15px; }</code></pre> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-95340 Tue, 05 Feb 2013 18:55:40 +0000 matthewkoster 95340@http://www.kriesi.at/support/ <p>No I had to mod the test site. The width of Main-Menu has to be 500 which turns the menu into 2 lines.</p> <p>First line shows "Home | About Us | News | Library | Computer Services"<br /> Second line: "Financial Literacy | Events | Room Rentals | Support Us"</p> <p>When I click About Us, a drop down of sub pages appears, but it goers UNDER Financial Literacy, making it almost impossible to click the menu item under about us. Changing the Z-Index of SubMenu did nothing. </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-94524 Fri, 01 Feb 2013 16:18:47 +0000 Devin 94524@http://www.kriesi.at/support/ <p>Hi matthewkoster,</p> <p>I'm not having that issue at all when I visit the test site. I see that the menu is 482px wide with the current items in it and that on a smaller screen size there is a bit of overlap on the home button and the logo since its so wide however.</p> <p>Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:<br /> <pre><code>@media only screen and (max-width: 989px) and (min-width: 768px) { .main_menu {top: 89%; right: 17%;} }</code></pre> <p>That moves the menu down and just about center when on the tablet/laptop size screens.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-94358 Thu, 31 Jan 2013 16:39:01 +0000 matthewkoster 94358@http://www.kriesi.at/support/ <p>Update:</p> <p>I have a feeling it has to do with the first LI element in the sub menu. If you mouse over the the main menu and get the drop down, when you try and mouse over the first element it disappears. However if you mouse over the main menu, use your mouse's scroll wheel to go down one notch, the menu stays, and you can select the other items, except for the first, which closes the menu. </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-94354 Thu, 31 Jan 2013 16:32:37 +0000 matthewkoster 94354@http://www.kriesi.at/support/ <p>Could it do with the javascript for the avia menu? </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-94314 Thu, 31 Jan 2013 14:27:46 +0000 matthewkoster 94314@http://www.kriesi.at/support/ <p>Anyone been able to figure this out? The changing of the z-index did not solve the issue. </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-94177 Wed, 30 Jan 2013 16:16:08 +0000 matthewkoster 94177@http://www.kriesi.at/support/ <p>Sorry, typo <a href="http://test.atwaterlibrary.ca/" rel="nofollow">http://test.atwaterlibrary.ca/</a> </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-94171 Wed, 30 Jan 2013 15:55:48 +0000 matthewkoster 94171@http://www.kriesi.at/support/ <p>Doesn't seem to have worked. The drop down menu still shows up underneath the second line of the menu and when you go to click it, it disappears the second your mouse runs over anything in the second line of the menu.<br /> <a href="http://test,atwaterlibrary.ca" rel="nofollow">http://test,atwaterlibrary.ca</a> </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-94047 Wed, 30 Jan 2013 01:49:11 +0000 Ismael 94047@http://www.kriesi.at/support/ <p>Hi,</p> <p>Add this on your custom.css</p> <pre><code>.sub-menu { z-index: 9999 !important; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/dropdown-does-not-work-properly-when-menu-is-2-lines#post-93995 Tue, 29 Jan 2013 21:27:06 +0000 matthewkoster 93995@http://www.kriesi.at/support/ <p>Sorry to create a new post guys, I know you have a lot of work on your hands, so I will try and keep it easy.</p> <p>The menu at the top overlaps the logo when you have a lot of menu items (Like our Library does) so I modded the menu to be only 500px wide, it looks great, 2 rows of menu items, however drop down items on the first line no longer work. I assume is has to do with the Z-Index value (seeing as menu is 100). I tried to move Menu to z-index 1 (still shows nicely) but the Menu still doesn't work. Any idea how to make it go OVER the second line of text?</p> <p>test.atwaterlibrary.ca </p>