Moin in die Runde,
ich verwende das Layout Campfire Responsive und möchte gern das Dropdown-Menü darin ca. 50 px unter dem oberen Bildrand beginnen lassen und zudem in der Mitte mit einem Logo versehen. Bild anbei. Hat einer von Ihnen eine Idee?
Viele Grüße
Jürgen
Hallo,
um welche Website handelt es sich?
Bitte vielmals um Entschuldigung, war zeitweise gerade übervoll mit Arbeit.
Die Website ist noch nicht fertig, also auch nur in Vorbereitung (sh. hier: http://www.siebenstern-druck.de/chaconne/).
Das obenstehende Menü soll ca. 50 px tiefer stehen und in der Mitte zwischen den Menüpunkten ein Logo eingebaut werden. Also "MP1 MP2 MP3 LOGO MP4 MP5 MP6".
Ich hoffe, das ist verständlich. Und nochmal sorry für die späte Rückmeldung, soll nicht vorkommen.
Viele Grüße
Jürgen
Hallo,
ein Logo zwischen die Menüpunkte einzubauen, ist nicht möglich.
Um das Menü 50px tiefer zu setzen, muss etwas eigenes CSS verwendet werden.
Bitte dazu mal folgende Seite lesen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html
Folgender Code sollte dann funktionieren:
<style>
header {
margin-top: 50px;
}
</style>Gibt es dafür auch eine Lösung?
Nein, denn in Zeiten von responsive Design und sehr unterschiedlichen Bildschirmbreiten, ist z.B. nie klar, wo wie theoretische Mitte denn überhaupt wäre.
Layout-Einstellungen > Kopfgrafik > Bild > Position: "Hinter Hauptmenü"
Sorry, das trifft es auch noch nicht. Ich füge mal zwei Bilder bei. Bei dem ersten Versuch rückt ja alles runter, das zweite Bild zeigt, wie ich es gern für meinen Kunden hätte bzw. dieser von mir . . .
Fällt einem dazu eine Lösung ein (verzweifel . . . )?
Vielen Dank schon mal für die Mühen.
Damit der Rosa Hintergrund verschwindet und das Headerbild ganz oben im Fenster beginnt, müssen Sie zusätzlich zum CSS vom Kollegen im Layout-Editor noch die Einstellung "Kopfgrafik > Bild > Position" auf "Hinter Hauptmenü" stellen.
Dann sollte folgende Änderung im CSS vom Kollegen helfen (das CSS vom Kollegen durch nachfolgendes ersetzen):
<style>
header {
transform: translateY(50px);
}
</style>Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!