CSS menu centreren

Shiva20

Gebruiker
Lid geworden
1 mei 2006
Berichten
116
Website: https://www.bredafeestkleding.nl/
CMS: Wordpress

Ik zou heel graag mijn menu centreren, maar ik krijg het niet voor elkaar.

Ik heb al toegevoegd:

Code:
#header-text-nav-container{
    padding-left: 150px;
    padding-right: 150px;
}

Om het menu links en rechts meer witruimte te geven.
En ik dacht in google gevonden te hebben dat dit echt wel moet werken:


Code:
ul#menu-header {
    display: flex;
    justify-content: center;
    align-items: center;
}

Maar dan loopt het menu mijn hele header uit. Ik heb met F12 in mijn browser al gezocht naar andere classes of properties, maar ik krijg domweg mijn menu niet gecentreerd. Alle geniale ideeën zeer welkom!!
 
Kijk eens of je hiermee verder kan

CSS:
/* menu centreren */
.main-navigation ul {
  text-align: center;
}
/* menu linkjes inline-block ipv float */
.main-navigation li {
  float: none;
  display: inline-block;
  line-height: 1;
}
/* menu linkjes regelhoogte */
.main-navigation a {
  line-height: 1.2;
}

.
 
Je bent mijn held.
Ik ken genoeg CSS om aardig uit de voeten te komen. Met F12 in mijn browser kom ik nog verder en leer ik steeds meer, maar ik kwam hier gewoon al weken niet aanuit. Ik heb je oplossing ook op het Theme forum gezet met jou naam als bronvermelding, pun intended ;)
 
Dankjewel 😊 Suc6 met de website!

Eind 2020 is flash uit alle browsers gehaald ivm veiligheid issues. Bij jouw Ontwerpen en Bouwen het stukje over flash weghalen?
 
Dankjewel 😊 Suc6 met de website!

Eind 2020 is flash uit alle browsers gehaald ivm veiligheid issues. Bij jouw Ontwerpen en Bouwen het stukje over flash weghalen?
Het was wat ik in 2009 bij mijn laatste stage deed. Een hele website gebouwd in Flash. Voelt als eeuwen geleden. Ik zou niet eens meer weten hoe..... Ik heb mij daarna gespecialiseerd in DTP, dus ik maak veel meer drukwerk dan nog websites. Maar mijn nieuwe werkgever.... Daar doe ik alles wat zo uitkomt hahahhaa
 
Terug
Bovenaan Onderaan