Not to overlap floating group

Hello everyone!!

Im having a hard time when it comes to responsiveness.
May I ask how not to overlap groups to the floating group

Thank you!

Hey @solis.janicamonica :wave:

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! :blush:

Hi @J805

I tried it but it doesnt work. I’m getting frustrated for days on how to fix it :frowning:

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. :blush:

Could this be helpful?
I’m quoting myself from another post.

Here is an example on how to make it work:

Editor: Test805421 | Bubble Editor

Preview: 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! :blush:

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

1 Like

OMG! thank you so much! You’ve help me from different problems as well! :smiley:

1 Like

Glad it helped! :blush:

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!

Your Group Main Explore Page needs a left margin the same size as your floating group. Try that first. :blush:

1 Like

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

@dianewyy.ng hmm :thinking: Can you share a screenshot of your layout tab?

just teid again and it worked! thanks!!

1 Like

Awesome. So glad that worked. :blush::raised_hands: