De achtergrondafbeelding is niet breder dan 1800 pixels dus het scherm waarop je aan de zijkant een wit vlak heb is wel een hele brede monitor in pixels gemeten.
Wat je kan doen is een achtergrondkleur meegeven aan de header die hetzelfde is als de kleur van de header.
En voor de mobiele weergave zou het netter zijn als er ook kleinere afbeeldingen waren die bij de diverse schermafmetingen worden getoond. Is de website ook gelijk sneller.
En ik zie dat er ook een tabel in staat die 1536 pixels breed is. Jammer, want ik heb nu een schuifbalk onderaan mijn browser en ik moet dus scrollen om de 336 pixels die mijn scherm mist te kunnen lezen. Sorry, maar nooit een website maken op je eigen beeldscherm en tabellen “mogen” worden niet meer gebruikt worden voor het uitlijnen.
Sorry, voor de vervelende opmerkingen.
Hoi Dekjam,
Allereerst bedankt voor jouw antwoord. En je hoeft helemaal geen sorry te zeggen! Ben allang blij dat er iemand helpt
Wat betreft de header. Het klopt dat deze 1800px is. Echter gebruikt een aantal klanten een erg groot scherm en geeft dat toch problemen. Ik heb twee vragen aan jou en hoop dat je ze kan beantwoorden”
1- Is het mogelijk dat de header altijd in het midden blijft. Dus dat wanneer er dit gebeurt: http://exeleratingonline.nl/?uamfiletype=attachment&uamgetfile=http://exeleratingonline.nl/wp-content/uploads/2016/11/scr3.png de afbeelding in het midden blijft. Zo ja, hoe kan ik dit het best aanpassen in style.css?
2- Hoe kan ik in style.css de header achtergrond het best veranderen? Ik kan dit in customizer simpel doen voor de hele site, maar niet voor alleen de header. Enig idee?
Je zou me enorm helpen!
Yannic
2 in 1;
In je style.css moet je dit .page-header-wrap opzoeken. Daarin staat het volgende;
.page-header-wrap{
position: relative;
background-size: cover;
}
Als je daar nu dit
.page-header-wrap{
position: relative;
background-size: cover;
background: # url(http://exeleratingonline.nl/?uamfiletype=attachment&uamgetfile=http://exeleratingonline.nl/wp-content/uploads/2016/10/background.jpg) center center;
}
van maakt dan zou de afbeelding in het midden moeten staan en de achtergrond blauw als het scherm breder is dan 1800 pixels.
Maar het zou beter zijn om in plaats van een afbeelding van 1800 pixels voor alle schermen te gaan werken met media query’s en dus ook kleinere afbeeldingen voor kleinere schermen. Kan je voor hele brede schermen ook hele brede afbeeldingen presenteren!
Dit werk is mijn hobby maar ik hoop er mijn beroep van te maken. Zou je mijn Facebook pagina, https://www.facebook.com/Dekjam.nl/, leuk willen vinden als bedankje.