Top menu takes up two rows on smaller screens

Hi guys, one more problem. The top menu on my website seems to be divided over two rows when using a smaller screen, like on a laptop. I already tried shortening the menu item names & disabling the header search icon but no succes so far. Is there any way to make it more responsive, so that the menu / font also goes smaller with a smaller screen resolution and the items are not shown in seperate rows?

(www.fotogenikki.nl/website)

Hi @nikkidekerf

Please try to add this code to Customize > additional CSS:

.main-navigation {
    display: block;
}

Regards,