Header 2013 Blue (TwentyThirteen) responsive maken?

Opmerking 1: je kunt dit niet oplossen met een plugin.
Opmerking 2: je eerste link die je geeft, voorziet in mediaqueries waarbij je voor verschillende schermbreedtes andere achtergrond-images laadt. Die moet je dan wel echt maken. Ik zie dit niet terug.

groet,
Lianne

Hoi,

mediaqueries vormen de basis van responsive webdesign, misschien toch wel handig om je hierin wat te verdiepen. Kijk op deze site om te zien wat je ermee kunt bereiken. Met mediaqueries kun je een algemene css regel vervangen door een specifieke voor bepaalde schermbreedtes. Zo laad je voor de PC een afbeelding in die 1600px breed is, en voor een mobiel eentje die 320px breed is. Je kunt dan de elementen uit de afbeelding aanpassen.

Maar goed, als je alleen maar je afbeelding smaller wilt, vervang dan in de style.css vanaf regel 25

body .site-header {
	background-size: 1600px auto;
	color: #202225;
}

door

body .site-header {
background-size: 100% !important;
color: #202225;
}

body .site-header img{
	width: 100%;
	height: auto;
}

Succes!

groet,
Lianne