Floating group "collapse when hidden"

katienicolekirk · 2025-04-14T21:58:51.743Z

Hi, I have a floating group menu as a side navigation on desktop. I want to create some other type of mobile navigation with lower breakpoints. I’ve added a conditional to not show this element on lower breakpoints. However I don’t see the “Collapse when hidden” option. If I uncheck “visible on page load” I still get an empty white spot where the element is.

Screen Shot 2025-04-14 at 2.53.58 PM1587×790 132 KB

Even though I don’t have this set to a fixed width. Anyone know how I can make the side nav be hidden?

Screen Shot 2025-04-14 at 2.53.36 PM1389×785 115 KB

ruiz86 · 2025-04-14T23:30:45.958Z

The floating groups don’t have a collapse option precisely because they float above the elements or beneath the page. You’re probably using a left margin on the elements to the right of the floating group. To accomplish what you want, you’ll need to create a conditional that, when validated, reduces the left margin of those elements.

emir.ozgun · 2025-04-15T00:11:23.158Z

don’t trust gap spacing, use top or bottom margins

katienicolekirk · 2025-04-15T03:31:55.041Z

Thanks for the reply. Yes so that’s what I was doing, but it didn’t seem like the conditional with left margin 24, did anything either. See attached. Any other ideas?

Screenshot 2025-04-14 at 8.25.34 PM3022×1550 487 KB

Screenshot 2025-04-14 at 8.26.30 PM2924×1470 393 KB