Dat is niet zo heel moeilijk te vinden want volgens het bootstrap.min.css mag jouw laag met de class container niet groter, op mijn scherm, zijn dan 1170 pixels zo als je in de volgende code kan zien;
@media (min-width: 1200px){
.container {
width: 1170px;
}
}
@media (min-width: 992px){
.container {
width: 970px;
}
}
@media (min-width: 768px){
.container {
width: 750px;
}
}
Laat je ook gelijk de code zien voor de andere formaten van beeldschermen zo dat je weet dat er nog meer in staan. Nu kan je dat natuurlijk uit je css halen maar in denk dat wel meer lagen gebruik maken van de class container. Wees daar dus voorzichtig mee en denk er aan dat dan nog steeds niet de afbeelding tegen de randen van het beeldscherm aan komen want de volgende code staat ook in de bootstrap.min.css;
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
Ik ben helaas niet zo gemasterd in de taal van css maar ik kan ongeveer begrijpen wat je bedoelt, helaas lukt het me niet om de witruimte onderaan de header weg te krijgen..
Weet je toevallig een code die ik gewoon kan invoeren via de additional css customizer van wordpress zodat de witruimte tussen de header & packages aanzienlijk kleiner wordt?
Alvast bedankt 🙂
Nu dacht ik eigenlijk dat het om de breedte van de pagina ging.
Probeer de volgende code;
.header .overlay-layer{
padding-bottom:0px;
}
eens uit. Als het te dicht op elkaar komt te staan kan je de 0 veranderen in een ander getal.