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

Media Queries - wo genau im Stylesheet

Dieses Thema im Forum "Design" wurde erstellt von HolgerGr, 15. April 2018.

  1. HolgerGr

    HolgerGr Well-Known Member

    Registriert seit:
    10. November 2015
    Beiträge:
    93
    Zustimmungen:
    0
    Hallo,

    ich habe ein ganz generelles Verständnisproblem bei Media Queries und finde einfach keine allgemeingültige Antwort.

    Dem Design von Twentyfifteen folgend habe ich sie eigentlich immer unterhalb der eigentlichen Angaben platziert, d.h. ich habe z.B. zuerst eine #sidebar blablabla definiert und später (unter all den anderen Anweisungen für meine Standard-Displaybreite) in den stylesheets dann die Mediaqueries für die unterschiedlichen Displaybreiten eingerichtet wobei ab einer gewissen Breite die sidebar dann auf display:hidden gestellt wird.

    Das hat aber wohl nur funktioniert weil ich die Mediaqueries von ganz schmalen bis zu sehr breiten Displays untereinander, beginnend bei den kleinsten, eingerichtet habe.

    Das will ich im aktuellen Theme aber niocht machen. Ich möchte einfach nur sagen, dass die sidebar ab einer Breite von 1000px nicht mehr eingeblendet wird.

    Definiere ich das unterhalb der eigentlichen Anweisungen, wird diese Regel auch bei breiteren Displays beachtet. D.h. die sidebar ist dann immer hidden.

    Definiere ich die Mediaqueries am Anfang der Stylesheets, werden sie gar nicht beachtet.

    Tja....wo gehören sie denn nun hin?
     
  2. SirEctor

    SirEctor WPDE-Team
    Mitarbeiter

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    11.024
    Zustimmungen:
    179
    Media Queries immer zum Schluss, denn das was als letztes gefunden wird, hat Vorrang.

    Wie sind die Queries aufgebaut?
     
  3. HolgerGr

    HolgerGr Well-Known Member

    Registriert seit:
    10. November 2015
    Beiträge:
    93
    Zustimmungen:
    0
    Sie sind sind aufgebaut wie bei twentyfifteen, also...
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  4. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    941
    Zustimmungen:
    62
    Im originale twentyfifteen Theme sind in der style.css ab Zeile 2710 die "@Media-Regeln" mit diversen Anweisungen für die mitgelieferten Änderungen bei den verschiedenen Breackpoints - beginnend mit "Mobile Large 620px"
    Tja und wenn dazu nun Anpassungen deinerseits dazukommen sollte das entweder im Dashboard unter Design - Customizer bei den Zusätzlichen CSS oder in einem Child-Theme gemacht werden!
     
  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