Support » CSS / opmaak vragen » Content centreren tov menu/header

  • Opgelost 4nnev

    (@4nnev)


    Hallo allemaal,

    Ik ben op een nieuwe vraag gestuit. Het lukt inmiddels om de blokken netjes gelijk te laten uitlijnen (dank voor de hulp!) maar nu wil ik graag nog de gehele content centreren. Op dit moment staat de header en het menu gecentreerd en de rest van de content staat daar links uitgelijnd onder. Ik heb al vanalles geprobeerd, ook met extra-CSS maar op de een of andere manier krijg ik niet het gewenste resultaat met de code die ik invoer. Ik heb te weinig verstand van CSS om te begrijpen waarom het niet lukt of wat ik verkeerd doe.

    Misschien maak ik gewoon simpelweg een fout in de code. Wat ik heb geprobeerd:
    div.nv-single-page-wrap {margin-left : 10%;margin-right : 10%;}
    body {align-content : center;}div.nv-single-page-wrap {text-align : left ;margin-left : auto ;margin-right : auto ;}
    #nv-single-page-wrap {width:100%; margin: 0 auto;}

    Bij de eerste, verandert wel de linkermarge, maar de rechter niet (lijkt). Dus daarmee kan ik wel handmatig de content in het midden zetten, maar bij als de pagina dan vergroot of verkleind wordt, klopt de uitlijning even goed niet meer.

    Ik maak gebruik van het Neve-thema.
    Kan iemand van jullie me verder helpen?

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Guido

    (@guido07111975)

    Hoi,

    Het wordt veroorzaak door deze CSS:

    
    @media screen and (min-width: 1400px) { main { width: 85%; }}
    

    Probeer dit eens op de Extra CSS pagina van de Customizer in je dashboard:

    
    @media screen and (min-width: 1400px) { main { width: 100%; }}
    

    Op klein scherm centreert de content wel, maar dat zie je dan natuurlijk niet.

    Guido

    Oeps… dan heb ik het probleem eerst zelf veroorzaakt…
    Sorry! Mijn hartelijke dank voor de hulp en opheldering.
    Echt hartstikke fijn dat je de tijd neemt om me verder te helpen!

    Guido

    (@guido07111975)

    Graag gedaan!

    Groeten, Guido

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)