See the attachment where you find the layout switcher.
Have you got any idea how many screen sizes and resolutions there are (I have an Iphone 4, 5 and 6, all with different screen sizes, just for starters)? It's impossible to base the design on a particular screen size, and besides, I have no clue about all the different pixel sizes.
In Menu builder you start from wide, moving towards narrow. The breakpoint have to be set where the menu looks weird, squashed or so, not at a particular point that coincides with one of the zillion of sizes 'out there'.
In your case, start with wide, as you have done. Then move the slider towards the left, and when the text starts being wider than the button, set a break point and reduce the font size. Maybe you can do that once again, but if the text gets too small, it's better at that breakpoint to switch the layout. Just go to that option (you see it in the attachment), click on the lower one, as I said earlier, and the programme does all the work for you.
The idea behind all the CC responsive programmes is that you are not locked into stale screen sizes, It's your design that decides where to make changes.
Zie de bijlage, waar u de lay-out switcher te vinden.
Heeft u enig idee hoeveel schermformaten en resoluties zijn er (ik heb een iPhone 4, 5 en 6, allemaal met verschillende schermformaten, alleen voor starters)? Het is onmogelijk om het ontwerp op een bepaalde grootte van het scherm te baseren, en trouwens, ik heb geen idee over de verschillende pixel maten.
In Menu Builder begin je vanaf breed, op weg naar smal. Het breekpunt is in te stellen waar het menu ziet er raar, geplet of zo, niet op een bepaald punt dat samenvalt met één van de Zillion maten 'out there'.
In uw geval, te beginnen met brede, zoals je gedaan hebt. Verplaats vervolgens de schuifregelaar naar links en wanneer de tekst begint breder is dan de knop, stel een breekpunt en het lettertype te verkleinen. Misschien kun je dat weer doen, maar als de tekst te klein wordt, is het beter op dat breekpunt om de lay-out te schakelen. Ga gewoon naar die optie (zie je het in de bijlage), klikt u op de onderste, zoals ik al eerder zei, en het programma doet al het werk voor u.
Het idee achter alle CC reagerende programma's is dat je niet opgesloten in muffe schermformaten, het is uw ontwerp dat bepaalt waar om wijzigingen aan te brengen.