opgelost Horizontale menubalk wordt in browsers anders getoond

Dag,

Ik heb een horizontale menubalk met de tabs gelijkmatig verdeeld. Maar in firefox staat hij goed. In Edge staat hij te ver uit elkaar en in Chrome te dicht op elkaar. Het gaat om de website www.iramauritanie.nl
Kan iemand me helpen hoe dit op te lossen.
Hij heeft goed gewerkt. Sinds ik met SEO en Metatags aan de slag ben geweest is dit probleem ontstaan.
Bedankt alvast, Leida

In het bestand template.css vind je in regel 2994 dit: De padding-waarden voor left en right kun je aanpassen.
Als je die lager maakt, komen de menu-items dichter bij elkaar.

Wat je hebt beschreven, heb ik reeds gedaan, maar daar ligt het niet aan. Het gaat er om dat het in de 3 browser verschillend wordt getoond.

Ik zou dan bijvoorbeeld een vaste width aangeven, padding lager stellen en bijv. een width van 110 px toepassen, komt je menuregel ook mooi op 1 regel te staan. Is even experimenteren met de juiste waarden wat het beste voor jouw overkomt.

Waar moet ik die 100px neerzetten?

Aanpassingen in je template (protostar) kun je het beste opnemen in een user.css

Tip: maak gebruik van de ingebouwde Hulpmiddelen voor ontwikkelaars voor Firefox (Ctrl + Shift + I voor Windows of Cmd + Opt + I voor Mac) of een soortgelijk alternatief voor andere browsers Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).


Je site draait nog op J 3.6.5. update ook even naar 3.8.3.

Ik heb de padding 1px lager gezet hij is nu in firefox en in Edge goed maar in Chrome niet.
Als ik op ctrl +shift en I druk krijg ik de body maar niet het menu te zien

Bij Edge en FF kun je ook F12 gebruiken.

Nee dan zie je de body maar niet het menu. Ik moet het menu aanpassen. In firefox en edge staat hij goed maar in chrome niet. Kijk maar naar mijn site www.iramauritanie.nl dan zie je wat ik bedoel

Als je klikt op de driehoek 'horizontale' driehoekjes klappen ze uit. Zo kan je door de code's navigeren.

Overigens zie ik geen of nauwelijks verschil (Browser schonen?)

Wat je bedoelt ik kan er niks mee, heb je mijn site gezien en zie je het verschil. Dat het in Chrome te dicht op elkaar staat en bij Firefoc en Edge staat het goed.

Denk dat we bij elkaar langs praten. Ik dacht dat jouw laatste opmerkingen gingen over de ontwikkeltools.

Maar goed,
Dit is zoals ik het zie.
boven FF onder Chrome: