How to avoid linebreaks in the menu?

Hi, when I make the screen width smaller, the menu items adds a second row. Instead I would like the items to automatically be added to the submenu More as in image 3. I don't have a live website yet, but hopefully the images will make my question understandable.

Image 1 displays my current menu in full width = no second row
https://imgur.com/bZmyCOV

Image 2 displays the menu with a smaller screen width - menu item 4 and More breaks the layout
https://imgur.com/u9VnJYY

Image 3 displays the desired look with item 3 and item 4 "automatically hidden" under the submenu More
https://imgur.com/94HsQwl

Is this achievable?

BR
Jesper