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

Ausblenden des Hintergrundbild im Site-Header von OCEANWP

Dieses Thema im Forum "Design" wurde erstellt von wanja, 28. April 2019.

  1. wanja

    wanja Member

    Registriert seit:
    28. April 2019
    Beiträge:
    6
    Zustimmungen:
    0
    Hallo,

    ich möchte auf meiner mit OCEANWP als Theme erstellten Webseite beim Verkleinern ab 900px Breite das Hintergrundbild im site-header ausblenden.
    Ich habe schon verschiedenen CSS Code probiert, funktioniert bei mir nicht.
    Der jetzige Code ist:

    @Media only screen and ( max-width:900px )
    {#site-header header-image{display:none }}

    Über eine Lösung würde ich mich freuen.

    Vielen Dank wanja
     
    #1 wanja, 28. April 2019
  2. Marcus[IS]

    Marcus[IS] Well-Known Member

    Registriert seit:
    23. August 2009
    Beiträge:
    5.955
    Zustimmungen:
    175
    Mojn,

    könnte sein, dass es aus dem Grund nicht läuft, da du etwas bei deinem display:none css Code vergessen hast (abschließendes Semikolon) und diese Anweisung daher ignoriert wird.
    Könntest diese mal versuchen.

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Könnte allerdings sein, dass sich das auch auf die Desktop Darstellung auswirkt, da @Media Anweisungen sich in dieser Form an der Auflösung orientieren und keinen Unterschied machen, ob Desktop, oder Mobile.
    Habe ich so zumindest so manches mal festgestellt.
     
    #2 Marcus[IS], 28. April 2019
    Zuletzt bearbeitet: 28. April 2019
  3. wanja

    wanja Member

    Registriert seit:
    28. April 2019
    Beiträge:
    6
    Zustimmungen:
    0
    Vielen Dank für die schnelle Antwort Marcus,

    funktioniert leider auch nicht dem Semikolon.
    Wenn ich header-image lösche kann ich den ganzen Header ausblenden. Das funtioniert.
    Nur mein Hintergrundbild verschwindet nicht.
    Velleicht mal ein Link zu der Seite:
    www.wirdievereine-zschopau.de

    wanja
     
    #3 wanja, 28. April 2019
  4. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.142
    Zustimmungen:
    591
    @Marcus[IS] da fehlt eine abschließende } ;)

    Da das Theme das Hintergrundbild beim Header als Background-Image definiert hat - versuche mal das im Dashboard unter Design - Customizer unter Zusätzliche CSS:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Wobei die zweite Anweisung #site-header..... den Grauschleier über den Header etwas aufhellt. Wenn das nicht gefällt einfach heraus damit ;)
     
    #4 SEpp55, 28. April 2019
  5. wanja

    wanja Member

    Registriert seit:
    28. April 2019
    Beiträge:
    6
    Zustimmungen:
    0
    Hallo Sepp55,

    super, so funktioniert es. Ich muss bloß noch die Farbe anpassen die überlagert.

    Vielen Dank für die schnelle Hilfe.

    wanja
     
    #5 wanja, 28. April 2019
  6. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.142
    Zustimmungen:
    591
    Schmeisse das mal raus

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Das ist offensichtlich nur bei mir drinnen .... ;)
     
    #6 SEpp55, 28. April 2019
  7. wanja

    wanja Member

    Registriert seit:
    28. April 2019
    Beiträge:
    6
    Zustimmungen:
    0
    Danke,

    habe ich schon gemacht. Funktioniert so wie ich es möchte.

    Vielen Dank wanja
     
    #7 wanja, 28. April 2019
  8. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.142
    Zustimmungen:
    591
    Wenn du den (max-width: 900px) auf (max-width: 959px) stellst, erfolgt das Ausblenden zugleich mit dem Einblenden des Hamburger-Menüs!
     
    #8 SEpp55, 28. April 2019
  9. wanja

    wanja Member

    Registriert seit:
    28. April 2019
    Beiträge:
    6
    Zustimmungen:
    0
    Ich habe das Ausblenden bei 1225 px eingestellt. Da wird beim Verkleinern von dem Spruch nichts abgeschnitten. Das ist eigentlich der ganze Hintergrund dieser Aktion.

    wanja
     
    #9 wanja, 28. April 2019
  10. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.142
    Zustimmungen:
    591
    Du kannst aber auch das Abschneiden wie hier beschrieben verbessern .... LINK!
    Wenn du auf 100% einstellst, sieht das bis 900px Breite schon ganz gut aus ;)
     
    #10 SEpp55, 28. April 2019
  11. Marcus[IS]

    Marcus[IS] Well-Known Member

    Registriert seit:
    23. August 2009
    Beiträge:
    5.955
    Zustimmungen:
    175
    Oops schande über mich. :oops:
     
    #11 Marcus[IS], 28. April 2019
  12. wanja

    wanja Member

    Registriert seit:
    28. April 2019
    Beiträge:
    6
    Zustimmungen:
    0
    Danke,

    probiere ich mal aus.
     
    #12 wanja, 28. April 2019
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  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.
    Akzeptieren Weitere Informationen...
    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.
    Akzeptieren Weitere Informationen...
    Information ausblenden