Floating Group at bottom of website

Hi,
I am trying to put a floating group to a bottom of the website without the floating group covering the other buttons and functionalities of the website. I have attached screenshot. It is like you have a input text and when there will be output above it which i want to download. Anyone has any suggestions how to do it? Thanks!

Hey @nguyenpavel0 :wave:

Normally I just make sure to put a margin at the bottom of my element on the page to make sure it doesn’t get stuck behind and blocked by the floating group. Is that what you are looking for? Let me know. :blush:

Hi! You are really great and i appreciate your fast replies!

I did that however putting 700 px bottom margin is quite problematic if you have responsive design. Sometimes the input text with the generate button suddenly appears in the between the texts. There is no any better solution?

Yeah. I don’t think it should be 700 px. It should really be more like 60 px only. Not sure how you have the rest of it set up. It’s hard to tell from the screenshot.

1 Like

Make sure the first group of the page has fixed height of 100% and check the box "Allow vertical scrolling when content overflows. Then add a 60px bottom margin on the element. This should solve it for you.

1 Like

Yep! This is the solution! Thanks a lot!!

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.