# Menu dropdown on hover (ui) **URL:** \ **Category:** Feature Request\ **Created:** [September 17, 2020, 8:11pm UTC](https://forum.pinegrow.com/t/menu-dropdown-on-hover-ui/4533 "2020-09-17T20:11:39Z")\ **Posts on this page:** 12\ **Page:** 1
**Author:** ![beno](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/beno/32/2929_2.png) [@beno](https://forum.pinegrow.com/u/beno)\ **Post date:** [September 17, 2020, 8:11pm UTC](https://forum.pinegrow.com/t/menu-dropdown-on-hover-ui/4533/1 "2020-09-17T20:11:39Z")
I think the menu should be open on hover (I think this a very basic ui behaviour request). Now, you have to actually click them, it feels very windows 3.11 like… 🙂 ![CleanShot 2020-09-17 at 23.09.10](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/b6234aa0029977ac312395fe836758ff99ce668f.gif) ---
**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\ **Post date:** [September 17, 2020, 9:46pm UTC](https://forum.pinegrow.com/t/menu-dropdown-on-hover-ui/4533/2 "2020-09-17T21:46:33Z")
Hadn’t even noticed that until you brought it up. I guess it does seem a bit retro considering how most website UX these days are constantly trying to get you to click on something. Thinking about it now, I kind of appreciate how much PG tries to stay out of your way while you are working. I wouldn’t, for instance, want the panel tabs to change on hover… it would be way too distracting. I think the menu options sort of fall under the same category of UI as the panel tabs, from a design philosophy point of view. But having the drop down on hover behavior as a preference under Support/Settings might be a nice to have, for those that prefer it. I would probably leave mine on the default. ---
**Author:** ![beno](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/beno/32/2929_2.png) [@beno](https://forum.pinegrow.com/u/beno)\ **Post date:** [September 18, 2020, 6:08am UTC](https://forum.pinegrow.com/t/menu-dropdown-on-hover-ui/4533/3 "2020-09-18T06:08:25Z")
I totally agree about tabs! it would be horrible if they would change on hover. But menu items have a hover behaviour on every app / software / site i know of, and for it’s very inconvenient and it’s just a spare click 🙂 ---
**Author:** ![MarredCheese](https://avatars.discourse-cdn.com/v4/letter/m/ed8c4c/32.png) [@MarredCheese](https://forum.pinegrow.com/u/MarredCheese)\ **Post date:** [September 24, 2020, 1:23pm UTC](https://forum.pinegrow.com/t/menu-dropdown-on-hover-ui/4533/4 "2020-09-24T13:23:11Z")
> menu items have a hover behaviour on every app / software i know of I just opened a dozen programs on my Windows 10 computer, and not a single one opened menus on hover. Wait, you mean you want adjacent menus to open on hover, don’t you? You still want to click to open the first menu. I think I misunderstood. You’re right. Might want to clarify. ---
**Author:** ![beno](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/beno/32/2929_2.png) [@beno](https://forum.pinegrow.com/u/beno)\ **Post date:** [September 24, 2020, 1:37pm UTC](https://forum.pinegrow.com/t/menu-dropdown-on-hover-ui/4533/5 "2020-09-24T13:37:34Z")
Sorry i wasn’t clear enough (and can’t edit the original post), but that’s what i meant. ---
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [September 24, 2020, 3:27pm UTC](https://forum.pinegrow.com/t/menu-dropdown-on-hover-ui/4533/6 "2020-09-24T15:27:27Z")
I’m not sure there are any sub-menus in the main toolbar menus. The right-click context menu has sub-menus that open on hover. ---
**Author:** ![abirana](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/abirana/32/4162_2.png) [@abirana](https://forum.pinegrow.com/u/abirana)\ **Post date:** [September 24, 2020, 4:52pm UTC](https://forum.pinegrow.com/t/menu-dropdown-on-hover-ui/4533/7 "2020-09-24T16:52:00Z")
@RobM no not about the sub-menu, I think they meant that apps menu opens this way 👇 > when you **click open** one of the menu item and now if you hover over another menu item, it opens on hover Mac’s top menu opens this way as well @beno if that is what you are talking about then I don’t think website menu opens that way, as I’ve seen and developed some websites 😉 , website menu opens on direct mouse hover or direct click on the particular menu item ---
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [September 24, 2020, 5:38pm UTC](https://forum.pinegrow.com/t/menu-dropdown-on-hover-ui/4533/8 "2020-09-24T17:38:48Z")
> [@abirana](#): > > @RobM no not about the sub-menu, I think they meant that apps menu opens this way 👇 > > > when you **click open** one of the menu item and now if you hover over another menu item, it opens on hover > > Mac’s top menu opens this way as well That is actually what I meant by sub-menu. A menu within another menu. From a UX perspective that could get pretty messy. ---
**Author:** ![abirana](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/abirana/32/4162_2.png) [@abirana](https://forum.pinegrow.com/u/abirana)\ **Post date:** [September 24, 2020, 6:04pm UTC](https://forum.pinegrow.com/t/menu-dropdown-on-hover-ui/4533/9 "2020-09-24T18:04:52Z")
I agree on what you meant about the sub-menu but I’m still talking about the top level menu items only [https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/c/ce7a86c1c6ea71aeab7f9b1d93160d3a4c1a777f.mp4](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/c/ce7a86c1c6ea71aeab7f9b1d93160d3a4c1a777f.mp4) ---
**Author:** ![beno](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/beno/32/2929_2.png) [@beno](https://forum.pinegrow.com/u/beno)\ **Post date:** [September 24, 2020, 6:40pm UTC](https://forum.pinegrow.com/t/menu-dropdown-on-hover-ui/4533/10 "2020-09-24T18:40:41Z")
I Agree. i think it should work like this mac menubar. although i think total hover behaviour like in websites might also work here, because i think if you go with your mouse to that area you probably want to use the menu… ---
**Author:** ![mxs](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/mxs/32/2943_2.png) [@mxs](https://forum.pinegrow.com/u/mxs)\ **Post date:** [September 29, 2020, 2:34pm UTC](https://forum.pinegrow.com/t/menu-dropdown-on-hover-ui/4533/11 "2020-09-29T14:34:37Z")
To achieve “dropdown on hover” add the following… CSS @media only screen and (min-width: 768px) { .dropdown:hover .dropdown-menu{ display:block; }} Alternative CSS @media screen and (min-width: 768px){ .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{ display: block; } .dropdown-menu{ margin-top: 0; } .dropdown-toggle{ margin-bottom: 2px; } .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{ margin-bottom: 0; }} JAVASCRIPT (document).ready(function(){ (".dropdown, .btn-group").hover(function(){ var dropdownMenu = $(this).children(".dropdown-menu"); if(dropdownMenu.is(":visible")){ dropdownMenu.parent().toggleClass(“open”); } }); }); ---
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [September 29, 2020, 6:22pm UTC](https://forum.pinegrow.com/t/menu-dropdown-on-hover-ui/4533/12 "2020-09-29T18:22:22Z")
@abirana and @beno Ahhh, now I see what you mean! I guess I’m okay one way of the other.