Forum Academy Marketplace Showcase Pricing Features

Elements get pushed to next line on responsive page

I have a floating header at the top of my page with another group inside of it containing several elements.

When shrinking the page, the elements on the right side of the header menu get pushed to the next line instead of getting closer to the other elements on the left side. How do I fix this so that they don’t get pushed to the next line, but simply slide over to the left as the page get narrower?

Screen Shot 2020-10-14 at 4.43.36 PM

Place an empty (buffer) group in the center of your floating group. This buffer group shouldn’t be fixed width.

Amazing, thank you @shpak.serhiy. I don’t really understand why that worked, but it did!