# Not to overlap floating group **URL:** \ **Category:** Responsiveness\ **Created:** [September 8, 2021, 12:55pm UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300 "2021-09-08T12:55:05Z")\ **Posts on this page:** 15\ **Page:** 1
**Author:** ![solis.janicamonica](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/solis.janicamonica/32/106337_2.png) [@solis.janicamonica](https://forum.bubble.io/u/solis.janicamonica)\ **Post date:** [September 8, 2021, 12:55pm UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/1 "2021-09-08T12:55:05Z")
Hello everyone!! Im having a hard time when it comes to responsiveness. May I ask how not to overlap groups to the floating group ![Achiv-co-Dashboard](https://us1.discourse-cdn.com/bubble/original/3X/d/9/d96bfa8d7e06bf7d0d50ab7fb313fa90522a6b04.png) Thank you! ---
**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\ **Post date:** [September 9, 2021, 5:06pm UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/2 "2021-09-09T17:06:34Z")
Hey @solis.janicamonica πŸ‘‹ I work a lot with responsiveness, I know it can be tricky. Hope we can get it fixed for you. Normally, my work around for this would be to put my whole page in a group and give it a border on the left side of the same size of the floating group. That way it won’t overlap. Does that make sense? Hope that helps! 😊 ---
**Author:** ![solis.janicamonica](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/solis.janicamonica/32/106337_2.png) [@solis.janicamonica](https://forum.bubble.io/u/solis.janicamonica)\ **Post date:** [September 10, 2021, 7:27am UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/3 "2021-09-10T07:27:20Z")
Hi @J805 I tried it but it doesnt work. I’m getting frustrated for days on how to fix it ☹ ---
**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\ **Post date:** [September 10, 2021, 3:56pm UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/4 "2021-09-10T15:56:06Z")
Can you share a screen shot? Or even share your editor as view only? Would be happy to help out, just need more info to see what is going on. 😊 ---
**Author:** ![rico.trevisan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rico.trevisan/32/170176_2.png) [@rico.trevisan](https://forum.bubble.io/u/rico.trevisan)\ **Post date:** [September 10, 2021, 3:59pm UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/5 "2021-09-10T15:59:29Z")
Could this be helpful? I’m quoting myself from another post. > [@My learnings on responsive design](https://forum.bubble.io/t/my-learnings-on-responsive-design/132263/1): > > ## Bumper group > > [Collapse margin + fixed margin left not working? forum post](http://forum.bubble.io/t/collapse-margin-fixed-margin-left-not-working/132192/2) > > - add a group under the floating group (normally used in dashboard type of designs) > - left align the bumper group > - left align the content group > - in the responsive engine, apply a hiding rule so that it hides when at - for instance - tablet resolution. ---
**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\ **Post date:** [September 10, 2021, 4:55pm UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/6 "2021-09-10T16:55:20Z")
Here is an example on how to make it work: Editor: [Test805421 | Bubble Editor](https://bubble.io/page?type=page&name=side_menu&id=test805421&tab=tabs-1) Preview: [https://test805421.bubbleapps.io/version-test/side\_menu?debug\_mode=true](https://test805421.bubbleapps.io/version-test/side_menu?debug_mode=true) Look for this group I named ADD BORDER TO THIS GROUP to see how the border should be. Hope that helps! 😊 @j805 [www.NoCodeMinute.com](http://www.nocodeminute.com/) For All Your No-Code Education Needs: - [One-on-One Tutoring](https://www.nocodeminute.com/?page=tutoring) - [eLearning Hub](https://www.nocodeminute.com/signup) - [Video Tutorials](https://www.nocodeminute.com/1-minute) - [Subscribe to Free Videos on YouTube](https://m.youtube.com/channel/UC0a7cARD26mbV9YiMu0nLaw) ---
**Author:** ![solis.janicamonica](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/solis.janicamonica/32/106337_2.png) [@solis.janicamonica](https://forum.bubble.io/u/solis.janicamonica)\ **Post date:** [September 11, 2021, 2:56am UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/7 "2021-09-11T02:56:07Z")
OMG! thank you so much! You’ve help me from different problems as well! πŸ˜ƒ ---
**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\ **Post date:** [September 11, 2021, 3:10am UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/8 "2021-09-11T03:10:36Z")
Glad it helped! 😊 ---
**Author:** ![lycheebubble](https://avatars.discourse-cdn.com/v4/letter/l/9fc29f/32.png) [@lycheebubble](https://forum.bubble.io/u/lycheebubble)\ **Post date:** [September 24, 2024, 7:02am UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/9 "2024-09-24T07:02:37Z")
hi! thank you so much @J805 ! I tried what you did and everything looks fine in the main Bubble responsive editor, but not when I hit PREVIEW - then my floating group side bar on left is still covering a bit of the β€˜main’ page. Any tips pls? thank you! ![Screenshot 2024-09-24 at 3.01.41 PM](https://us1.discourse-cdn.com/bubble/original/3X/1/9/19e42f276eaf18c605b8f3fa74e73424171eccbb.jpeg) ---
**Author:** ![lycheebubble](https://avatars.discourse-cdn.com/v4/letter/l/9fc29f/32.png) [@lycheebubble](https://forum.bubble.io/u/lycheebubble)\ **Post date:** [September 24, 2024, 7:03am UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/10 "2024-09-24T07:03:14Z")
![Screenshot 2024-09-24 at 3.01.55 PM](https://us1.discourse-cdn.com/bubble/original/3X/c/d/cd6c87f475141e703751929a5dd12a6bdcf12059.jpeg) ---
**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\ **Post date:** [September 24, 2024, 9:08am UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/11 "2024-09-24T09:08:10Z")
Your Group Main Explore Page needs a left margin the same size as your floating group. Try that first. 😊 ---
**Author:** ![lycheebubble](https://avatars.discourse-cdn.com/v4/letter/l/9fc29f/32.png) [@lycheebubble](https://forum.bubble.io/u/lycheebubble)\ **Post date:** [September 24, 2024, 1:53pm UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/12 "2024-09-24T13:53:39Z")
thanks for your reponse! Yes I’ve tried the margins for the red group! Even going so far as to including a border of a certain width but still no luck ---
**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\ **Post date:** [September 24, 2024, 2:05pm UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/13 "2024-09-24T14:05:18Z")
@dianewyy.ng hmm πŸ€” Can you share a screenshot of your layout tab? ---
**Author:** ![lycheebubble](https://avatars.discourse-cdn.com/v4/letter/l/9fc29f/32.png) [@lycheebubble](https://forum.bubble.io/u/lycheebubble)\ **Post date:** [October 11, 2024, 3:26pm UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/14 "2024-10-11T15:26:11Z")
just teid again and it worked! thanks!! ---
**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\ **Post date:** [October 11, 2024, 4:06pm UTC](https://forum.bubble.io/t/not-to-overlap-floating-group/168300/15 "2024-10-11T16:06:04Z")
Awesome. So glad that worked. πŸ˜ŠπŸ™Œ