LianneL on "Twee logo's in header header plaatsen twenty twelve"

Hoi,

De rode pijl moet je in je css als achtergrondimage koppelen aan je widget-element. Met positionering (negatieve top-waarde, (bv. top: -50px;) krijg je hem boven de widgetruimte.

Wil je bij een bepaalde schermbreedte de pijl weghebben, dan moet je een mediaquerie gebruiken. Laten we aannemen dat je widgetruimte het id 'widget' heeft en dat je de pijl weg wilt hebben zodra het scherm minder breed wordt dan 680px. Je code kan er dan als volgt eruit zien:

#widget {
background-image: url(dog.png);
position: relative;
top: -..px;
left (of right): ..px;
}

@media screen and (max-width:680px){
	#widget{
		margin-top:0
	}

Succes!
Lianne