opgelost Horizontale menubalk wordt in browsers anders getoond

Ja dat klopt, staat het niet goed. Ik wil het net zo als in Firefox en Edge netjes gelijkmatig verdeeld

Bij jou staat het weer anders. Hoe krijg ik dit nu goed?

Door de padding ga je volgens mij de zaken "knijpen".
Kijk eens of onderstaande voor je voldoet:
Edit Romke: je kunt er beter min-width van maken.
En zoals ik al eerder aangaf neem deze wijzigingen op in een user.csss. Bij een update van joomla ben je namelijk de wijzigingen weer kwijt, omdat je werkt met het standaard template protostar.

Ik denk dat we er niet uitkomen.

Misschien dat een ander er naar wil kijken.

Maar heb je het wel geprobeerd?
En is onderstaande voorbeeld wat je voor ogen hebt? Geef anders met een printscreen aan wat jij ziet:
In principe zou je de margin ook wel weg kunnen weglaten:

Dank je Romke voor de tip dat ik de template ook als user.csss moet opslaan. Maar wat de menubalk in chrome betreft, blijft een probleem. Het zal wel aan Chrome liggen denk ik. Ik heb van jou wel wat geleerd. Bedankt hiervoor.

Hier de printscreen van chrome schermopname (2) fout
printscreen Edge schermopname(3) goed
printscreen Firefox schermopname(4) goed
Trouwens user.csss moet dat met 3 sjes of met 2sjes

Trouwens user.csss moet dat met 3 sjes of met 2sjes

Cascading Style Sheets (afgekort tot CSS)

Rome je bent geweldig. Sinds ik de margin:2; hebt weggehaald staat het perfect bij alle drie de browsers.
Nogmaals je bent een kei en heel erg bedankt voor je hulp!!!