Columns are stacking when resizing

I have three columns with text buttons in my navigation bar. When I resize my browser all is ok until I hit a certain size then they stack on top of each other - why is this?

Here is my site Read-Only:
(how to share your site Read-Only link)

You can set certain properties of the column element in the settings tab. Especially, how the columns behave on devices. By default, they stack up quite soon. You can set it differently.