Hi! Thanks! I have deleted the custom CSS above and reduce the size of the menu titles.
But as I said, I cannot reduce the number of the menus.
So now the first problem is still present – when I begin to shrink the window of the browser, there is some point when the theme hasn’t yet switched to mobile version but the space available is too small for all the menu items and they go beneath the logo.
So is there a way to specify the mobile version to appear at wider screen than now and at the same time I don’t want that custom CSS to cause the other problem with not showing the mobile menu icons and the problem with Mac laptop.