anderes Logo bei scroll-down

das kannst du mit einem kleinen Script umsetzen

css

#logo {
		width:191px;
		height:250px;
		background:url(dein standard Logo);
	}
	#neueslogo {
		width:191px;
		height:250px;
		display:none;
	}

Script

<script type="text/javascript">


	var neueslogo = document.getElementById('neueslogo');
	
	window.onscroll = function() {
		neueslogo.style.display = ((window.pageYOffset || document.documentElement.scrollTop) > 200) ? 'block' : 'none';
	};


	</script>

die 200 entsprechend anpassen

<div id="logo"><img id="neueslogo" alt="" src="dein logo nach dem Scrollen"></div>

Zitat von MC_LVN

Hallo,
Jedoch frag ich mich, an welcher Stelle ich das neue Logo "aufrufe"?
Oder fehlt das noch bei #neuesLogo{....} ?
das script müsste ich in functions.php einbinden, richtig?
die css sachen natürlich im css override oder direkt im style.css
und den code ins template der hauptseite?

ich wundere mich jetzt etwas über deine Fragen :shock:
bei deinem Leistungsumfang und Versprechen die du deinen Kunden anbietest, müsste doch die Umsetzung des Codes oben für dich kein Problem sein.

zudem hab ich dir doch eine fertige Datei per PN zukommen lassen, mit integriertem Script und funktionierenden Wechsel deines Logos beim scrollen
musst also nur anschauen und entsprechend angepasst bei dir verwenden
du verwendest ja ein Theme von Themeforest, somit hab ich keine Möglichkeit dir alle einzelnen Schritte genau zu beschreiben

Zitat

fehlt das noch bei #neuesLogo{....} ?

nein da fehlt nix, ist ja hier

<div id="logo"><img id="[COLOR="#FF0000"]neueslogo[/COLOR]" alt="" src="[COLOR="#FF0000"]dein logo nach dem Scrollen[/COLOR]"></div>