Floating group "collapse when hidden"

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.


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

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.

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

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?