# Floating group renders elements unclickable **URL:** \ **Category:** Need help\ **Created:** [January 2, 2018, 3:29pm UTC](https://forum.bubble.io/t/floating-group-renders-elements-unclickable/22392 "2018-01-02T15:29:06Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![torusteens](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/torusteens/32/14512_2.png) [@torusteens](https://forum.bubble.io/u/torusteens)\ **Post date:** [January 2, 2018, 3:29pm UTC](https://forum.bubble.io/t/floating-group-renders-elements-unclickable/22392/1 "2018-01-02T15:29:06Z")
HI All, I have a floating group at the top of each of my pages with drop down navigation for category and subcategory. This works well except that it renders any element underneath the category navigation bar useless. In the attached, the Sort By dropdown is now not clickable because the floating group is in the way. I can’t make the floating group any narrower due to elements inside of it and this happens even when I click ‘collapse element height when hidden’ for all floating elements. I also have the Sort By dropdown moved to Front. ![36 AM](https://us1.discourse-cdn.com/bubble/original/3X/8/a/8a481a30b68db3dd2fd71823edfcf4aa2fe8ebf0.png) Any suggestions? ---
**Author:** ![t\_bubble](https://avatars.discourse-cdn.com/v4/letter/t/ccd318/32.png) [@t\_bubble](https://forum.bubble.io/u/t_bubble)\ **Post date:** [January 2, 2018, 3:32pm UTC](https://forum.bubble.io/t/floating-group-renders-elements-unclickable/22392/2 "2018-01-02T15:32:06Z")
convert it into a focus group (and you can then position it relative to the burger menu icon) ---
**Author:** ![torusteens](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/torusteens/32/14512_2.png) [@torusteens](https://forum.bubble.io/u/torusteens)\ **Post date:** [January 2, 2018, 4:50pm UTC](https://forum.bubble.io/t/floating-group-renders-elements-unclickable/22392/3 "2018-01-02T16:50:38Z")
@arjun thanks for the reply! I actually already have the drop down menu Categories in a group focus which is tied to the burger menu. That whole element is then in a floating group with a long purple shape to serve as the top navigation bar. The top navigation should remain static at the top of each page, which is why I made it into a floating group (and it can’t be a header element b/c part of the workflow when clicking on a category uses current users location). Because I have the whole thing (purple long shape + burger menu + drop down categories) in a floating group, it makes the Sort By drop down unclickable. I assume this happens because the floating group is ‘on top of’ the Sort By element. Any other suggestions to deal with making Sort By usable? ---
**Author:** ![JohnMark](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/johnmark/32/42431_2.png) [@JohnMark](https://forum.bubble.io/u/JohnMark)\ **Post date:** [January 2, 2018, 6:31pm UTC](https://forum.bubble.io/t/floating-group-renders-elements-unclickable/22392/4 "2018-01-02T18:31:11Z")
Just an idea, you can make the floating group closed on mouse move or point device, than the Sort By will be accessible? You need like popup thing, closed when outside the box. I’m sure someone will figure out a better idea 😉 ---
**Author:** ![torusteens](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/torusteens/32/14512_2.png) [@torusteens](https://forum.bubble.io/u/torusteens)\ **Post date:** [January 4, 2018, 5:37pm UTC](https://forum.bubble.io/t/floating-group-renders-elements-unclickable/22392/5 "2018-01-04T17:37:33Z")
@JohnMark thanks for the tip. Not sure how to do that though? I looked at conditionals and those two don’t seem to be options. Am I looking in the wrong place? ---
**Author:** ![JohnMark](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/johnmark/32/42431_2.png) [@JohnMark](https://forum.bubble.io/u/JohnMark)\ **Post date:** [January 4, 2018, 7:45pm UTC](https://forum.bubble.io/t/floating-group-renders-elements-unclickable/22392/6 "2018-01-04T19:45:47Z")
It was just an idea, but install the plugin mousey-mousey and on x \> 200px (what you need), than execute a workflow : close burger menu. Hope someone will have a better idea 😉 > [@Option to lock an element's coordinates according to another element](http://forum.bubble.io/t/option-to-lock-an-elements-coordinates-according-to-another-element/18715/4): > > so Mousey will track live the mouse’s X,Y & up to 4 elements X,Y by ID, Then you could use MoveIt! to either send to X,Y ormove by % or px in 8 directions. between the two you could very well make your own responsive engine, or even user designed profile pages. Here is Mousey giving me the coords to save, & MoveIt! Moving the Elements. [demomi] You can have a play with MoveIt here: [https://plugbubble.bubbleapps.io/moveit-moveit](https://plugbubble.bubbleapps.io/moveit-moveit) ![58](https://us1.discourse-cdn.com/bubble/original/3X/0/1/01dc1ebaecbfe1c03eb2ab014dea493c2fed54ba.png) ![5657x300](https://us1.discourse-cdn.com/bubble/original/3X/5/4/540761f36ba18b65439f85d57967e8d5099a35e6.png) ---
**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\ **Post date:** [March 13, 2018, 3:29pm UTC](https://forum.bubble.io/t/floating-group-renders-elements-unclickable/22392/7 "2018-03-13T15:29:08Z")
This topic was automatically closed after 70 days. New replies are no longer allowed.