Ondersteuning » Thema en CSS/opmaak » Menu in het midden (centreren)

  • Dag Allen,

    Ik ben bezig met een website en ik heb de Twenty Twelve theme.

    Nu zou ik graag willen dat het Menu waarin Home etc staan gecentreerd worden.

    Voorbeeld: http://www.stichtingnada.nl

    Het menu staat nu links uitgelijnd, ik zou dit graag gecentreerd hebben.

    Wie kan mij helpen?

    Ps. kan je ook de menu onder de header plaatsen + centreren?

    ALvast bedankt voor jullie reactie(s)!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • menu centreren:
    style.css lijn
    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul

    verander text-align in
    text-align:center;
    suc6

    Thread starter adidraga

    (@adidraga)

    Bedankt voor je snelle reactie.

    Echter werkt het nog niet 🙁

    hoi,
    zoek dit op in je style.css

    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
        border-bottom: 1px solid #EDEDED;
        border-top: 1px solid #EDEDED;
        display: inline-block !important;
        text-align: left;
        width: 100%;

    en vervang het voor dit:

    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
        border-bottom: 1px solid #EDEDED;
        border-top: 1px solid #EDEDED;
        display: inline-block !important;
        text-align: center;
        width: 100%;

    Als je text-align:left in je css gebruikt, werkt `margin-left: auto;
    margin-right: auto;` niet meer.

    Thread starter adidraga

    (@adidraga)

    Thanks, het is me gelukt met de aanpassing van Isdesign.

    Kan iemand me ook nog vertellen hoe ik het menu onder de header krijg? en ook gecentreerd blijft?

    Alvast bedankt!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘Menu in het midden (centreren)’ is gesloten voor nieuwe reacties.