1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

OceanWP Navigation unter Header-Image

Dieses Thema im Forum "Design" wurde erstellt von Axel2301, 5. Juni 2020.

  1. Axel2301

    Axel2301 Well-Known Member

    Registriert seit:
    26. August 2012
    Beiträge:
    270
    Zustimmungen:
    3
    Ich habe nun schon mir alles Mögliche ausprobiert, aber ich bekomme es einfach nicht hin, dass die Navigationsleiste unter dem Headerbild und das Logo über dem Headerbild steht.

    Hier die SEITE
     
  2. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
  3. Axel2301

    Axel2301 Well-Known Member

    Registriert seit:
    26. August 2012
    Beiträge:
    270
    Zustimmungen:
    3
    Ja aber das beantwortet nicht meine Frage und löst auch nicht mein Problem.

    Da das Logo in der Standard-Version quaisi auf dem Headerbild steht, habe ich es anders gelöst und das Logo erst einmal ohne Headerbild hochgeladen. Dann habe ich das Plugin "WP Header Images" installiert und folgenden Code in die header.php geladen und dort auch an sämtlichen Stellen probiert, aber das Logo und die Navigationsleiste scheinen irgendwie zusammenzuhängen...

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

    Insgesamt sieht es in der header.php jetzt so aus:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #3 Axel2301, 5. Juni 2020
    Zuletzt bearbeitet: 5. Juni 2020
  4. Axel2301

    Axel2301 Well-Known Member

    Registriert seit:
    26. August 2012
    Beiträge:
    270
    Zustimmungen:
    3
    Ich möchte ja nur die Navigation die jetzt zwischen Logo und Headerbild steht, unter das Headerbild setzen. Das Logo soll oben über dem Headerbild stehen bleiben. Aber bisher wanderte das Logo mit der Navigation immer mit nach unten wenn ich den entsprechenden Code in der header.php an eine andere Stelle gesetzt habe.

    Ich hoffe mir kann hier jemand helfen.
     
  5. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Das heisst also, Du nutzt gar nicht das was OceanWP standardmässig zur Verfügung stellt, sondern irgendetwas selbstgestricktes? Das stand bei Deiner Frage leider nicht dabei. :rolleyes:

    Aktuell ist das header_image komplett ausserhalb des site-header und Logo und Menü sind innerhalb des site-header und daher ist ein einfaches Verschieben bzw. Dazwischenschieben per CSS nicht möglich. Es sind wohl umfangreichere PHP Änderungen nötig wenn Du dieses Plugin verwenden willst, da kann man aber nur schwer helfen, da wohl kaum jemand zufällig genau diese Konstellation mit Deinen Einstellungen usw. zum Testen vorliegen hat. Bin daher hier raus, viel Erfolg!
     
  6. Axel2301

    Axel2301 Well-Known Member

    Registriert seit:
    26. August 2012
    Beiträge:
    270
    Zustimmungen:
    3
    Wie gesagt, wenn ich die Header Image Funktion von OceanWP nutze, dann steht das Logo auf dem Header-Image, es soll aber darüber stehen.
     
  7. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Wenn Du die Header Image Funktion von OceanWP nutzen würdest, wäre das Logo und das Header-Image evtl. an einer Stelle, wo man es per CSS passend verschieben könnte. Ob das so wäre, das kann man in Deinem Link nicht nachvollziehen. Darüber dürfen sich jetzt gern andere den Kopf zerbrechen.
     
  8. Axel2301

    Axel2301 Well-Known Member

    Registriert seit:
    26. August 2012
    Beiträge:
    270
    Zustimmungen:
    3
    Ich probiere es noch einmal mit der Header Image Funktion von OceanWP
     
    #8 Axel2301, 5. Juni 2020
    Zuletzt von einem Moderator bearbeitet: 5. Juni 2020
  9. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Damit wäre sowas hier ein Ansatz, viel Erfolg mit dem Projekt.
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  10. Axel2301

    Axel2301 Well-Known Member

    Registriert seit:
    26. August 2012
    Beiträge:
    270
    Zustimmungen:
    3
    Nein das führt leider nicht dazu, dass das Logo oben über dem Headerbild auf einem weißen Hintergrund steht und dieser Hintergrund soll sich auch über die gesamte Breite der Seite strecken.
     
  11. Axel2301

    Axel2301 Well-Known Member

    Registriert seit:
    26. August 2012
    Beiträge:
    270
    Zustimmungen:
    3
    Das Thema kann dicht gemacht werden, ich probiere etwas ganz anderes aus.
     
  12. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Das führte eigentlich genau dazu...
     
  13. Axel2301

    Axel2301 Well-Known Member

    Registriert seit:
    26. August 2012
    Beiträge:
    270
    Zustimmungen:
    3
    Nein leider tat es das nicht.
     
  14. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Hier im Browser führte es genau dazu.

    Zu was führte es denn bei Dir?

    Ohne jegliche Angaben und bei derzeit nicht erreichbarer Seite kann man schwer herausrausfinden, wo das Problem liegen könnte und so kann es auch keinem späteren Mitleser helfen, ein ähnliches Problem zu lösen. Dafür ist dieses Forum vor allem auch da.
     
  15. Axel2301

    Axel2301 Well-Known Member

    Registriert seit:
    26. August 2012
    Beiträge:
    270
    Zustimmungen:
    3
    Es führte lediglich dazu, dass der Header wesentlich größer wurde, also in der Höhe.

    Habe die Seite wieder aufgemacht, aber ich arbeite gerade daran, daher kann sich immer wieder mal etwas verändern.
     
    #15 Axel2301, 6. Juni 2020
    Zuletzt von einem Moderator bearbeitet: 6. Juni 2020
  16. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Hier sieht es derzeit so aus:
    screenshot.png

    Und das CSS aus #9 führt dazu:
    screenshot_mit_css.png
     
  17. Axel2301

    Axel2301 Well-Known Member

    Registriert seit:
    26. August 2012
    Beiträge:
    270
    Zustimmungen:
    3
    Ich habe den Code jetzt mal unter "Zusätzliches CSS" eingefügt, schau selbst was passiert.

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    In deinem Screenshot sieht es genau so aus wie ich es haben möchte.

    Oder soll der Code gar nicht in "Zusätzliches CSS"?
     
  18. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Ersetze diese Zeile
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    durch diese Zeile:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Offenbar wird nach "Zusätzliches CSS" noch CSS von OceanWP ausgegeben, das einen Wert beeinflusst bzw. überlagert.

    Das sieht man über "Element untersuchen" im Browser, eine üblicherweise oft verwendete Standardfunktion wenn es um Website-Entwicklung geht.

    Der Screenshot enststand mit dem CSS am Ende von head eingefügt.
     
  19. Axel2301

    Axel2301 Well-Known Member

    Registriert seit:
    26. August 2012
    Beiträge:
    270
    Zustimmungen:
    3
    YES das war es :)

    Vielen Dank !!!
     
  20. Axel2301

    Axel2301 Well-Known Member

    Registriert seit:
    26. August 2012
    Beiträge:
    270
    Zustimmungen:
    3
    Nächste Problem, leider ist deine Lösung nicht responsive.

    Schau dir das mal auf einem Smartphone oder Tablet an was dann passiert....
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden