eigenes Hintergrundbild/Logo in der Navigationsleiste im Miamidesign

11.01.2019 00:48 (zuletzt bearbeitet: 11.01.2019 19:55)
#1
Ro

Heyho liebe Jimdoprofies,
ich arbeite grade an der Seite: https://merlin-depta.jimdofree.com/ und würde gerne unser Logo links oben in der Navigationsleiste platzieren... meine Erste Idee war, dieses mit einem Hintergrundbild zu löse, in etwa wie in der Anlage (Ich hoffe, dass hat jetzt funktioniert)
ich bräuchte also Code mit dem ich die Navigationsleiste bearbeiten kann, das hat bei mir leider nie funktioniert...

schon mal vielen lieben dank im Vorraus
Lg Robin



...hat funktioniert, aber "Datei anhängen" und "einfügen" ist besser [...der admin]


 Antworten

 Beitrag melden
11.01.2019 19:42 (zuletzt bearbeitet: 11.01.2019 19:56)
avatar  az_
#2
avatar
az_

Hallo @Robin Hartmann,

...dafür fallen mir 2 Lösungen ein:

Lösung 1) mit einem jQuery-script das Logo (.jtpl-logo) im Quelltext "verschieben". Beispiel: https://miami-designtest.jimdo.com/shop/. Dann kannst Du das Jimdo-Logo dafür benutzen und es kann auch "überlappen"

Lösung 2) wie du schon sagtest, mit einem HG-Bild in der Navigationsleiste.

Das geht mit background-image: url(); und background-position: x y; (...aber nur innerhalb der Navigations-Containers). Die Bezeichner sind bei Miami folgende:

.jtpl-navigation--desktop,
.jtpl-navigation--mobile {...}



LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
29.01.2019 19:17
#3
Ro

Hey @az_ uch bedanke mich vielmals für deine Hilfe! Habs jetzt nach Tagelangem rumprobieren hinbekommen!
Es ergibt sich aber leider eine Anschlussfrage... ich habe die Klasse .jtpl-navigation genommen, nun möchte ich das Logo aber nur in der Desktopvariante anzeigen... .jtpl-navigation--desktop hat dafür leider nicht funktioniert, gibt es hier vielleicht noch etwas zu beachten?
Vielen dank im Vorraus (- und natürlich im Nachhinein) und liebe grüße
Robin


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!