Elements get pushed to next line on responsive page

Need help Responsiveness
1

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

Screen Shot 2020-10-14 at 4.44.00 PM
Screen Shot 2020-10-14 at 4.44.00 PM1498×444 57.1 KB

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.43 PM
Screen Shot 2020-10-14 at 4.43.43 PM1264×262 53.2 KB
Screen Shot 2020-10-14 at 4.43.36 PM

2

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

1 Like
3

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