Het zou kunnen komen door dat je in het verkeerde bestand dingen probeert te veranderen en er kan een css declaratie staan die later word ingeladen dan datgene wat jij aanpast.
Als je hier een website zou willen door geven kan ik met je mee kijken.
Je kan het ook zelf doen met Chrome op de manier zo als ik het doe wat je hier, http://roosemalen.nl/chrome-inspectie, kan lezen.
Hoi Arjan, dank voor je antwoord op m’n vraag. Ik heb inderdaad gezien dat ik op twee manieren het CSS kan benaderen maar nam daarmee niet aan dat er dan twee verschillende versies van het CSS bestaan. De website waar het om gaat is:
http://www.ans-aerts.nl
Is het trouwens denkbaar dat een plug-in dergelijke problemen kan veroorzaken..?
Dank! en groet, Paul
Ps,
Als de privacy-freak die ik ben gebruik ik geen Chrome, sorry Arjan 🙂
Je hebt maar één css bestand dus kan je niet in het verkeerde aanpassingen maken. Als ik kijk zie ik een zwarte balk met wit/grijze letters. Dat is in de desktopversie maar in de mobiele versie zie ik een rode balk. Welke is de goede?
<OffTopic>
Ook ik heb mij niet aangemeld bij Google maar ik kan wel gewoon de browser Chrome gebruiken. Zou het eens proberen.
</OffTopic>
Wat mij betreft is de enige goede versie de zwarte balk met wit/grijze letters. Waar dat verschil tussen desk-top en mobile vandaan komt is een volgend raadsel. Maar ik heb het idee dat het gebruikte WP-thema ergens rammelt… Zou dat kunnen?
Natuurlijk kan het dat het thema niet helemaal goed in elkaar zit maar ook dat is iets waar ik geen antwoord op kan geven.
Zou je mij willen vertellen wat je eigenlijk probeert te bereiken?
Hoi Arjan, de de bedoeling is dat de ruimte tussen de woorden in het hoofdmenu groter wordt, zodat de rechtermarge even groot wordt als de linkermarge.
Schematisch voorbeeld:
xxx home mijn gegevens portfolio opdrachtgevers contact xxx
Om je menu netjes in het midden uit te lijnen moet je eerst weten hoe breed de link naar Home, Mijn gegevens, Portfolio, Opdrachtgevers en Contact zijn. Naar boven afgerond is dat 61, 125, 86, 136 en 77 pixels. Bij elkaar opgeteld is dat dus 485 pixels.
Maar ieder menu item heeft ook een ruimte aan de linker en rechterkant ingesteld dus moet er bij iedere link 71 pixels geteld worden. Nu komen we op 840 pixels uit. Je menu balk is, bij mij op een resolutie van 1280 pixels, 980 pixels breed dus zou je aan iedere kant 70 pixels moeten kunnen instellen.
Als ik het uittest bij mij dan werkt het, op het oog, perfect maar een aanpassing in de css code op regel 106, denk ik.
Maar zoek anders naar
.main-nav ul {
padding-left: 0px;
}
en verander de 0 dan naar 70.
Let wel op dat of het werkt op alle schermbreedtes! Anders moet je media query’s gaan maken.
Geweldig Arjan, dit werkt dus wel! Dank voor je hulp!
groet, paul
