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

Sidebar erhöht, am Handy ausblenden(?)

Dieses Thema im Forum "Design" wurde erstellt von Foxi, 13. Juni 2020.

  1. Foxi

    Foxi Well-Known Member

    Registriert seit:
    8. Juni 2020
    Beiträge:
    92
    Zustimmungen:
    3
    Hallo ihr Lieben.

    ich habe meine Sidebar (siehe Bild 1) nach oben verschoben. Ich fand das es ganz gut aussieht.
    Nun ist es am Handy ähnlich, denn siehe Bild 2, ist auch dort die Sidebar höher gelegt und überlappt die Pagenavigation.

    Bild 1
    [​IMG]

    Bild 2
    [​IMG]

    Nun zu meiner Frage:

    Kann man die Erfhöhung der Sidebar am Handy anpassen? Oder soll ich die Sidebar ganz mobil ausblenden?

    Link zum Blog: https://featherheart.de/
     
  2. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Versuche mal, ob der nachfolgende Code das trifft (im Customizer in die Zusätzlichen CSS)

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    Foxi gefällt das.
  3. Foxi

    Foxi Well-Known Member

    Registriert seit:
    8. Juni 2020
    Beiträge:
    92
    Zustimmungen:
    3
    Perfekt! Es klappt. Vielen, vielen Dank :)
     
  4. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Was da sonst noch geschieht, hast du auch mitbekommen?
     
    Foxi gefällt das.
  5. Foxi

    Foxi Well-Known Member

    Registriert seit:
    8. Juni 2020
    Beiträge:
    92
    Zustimmungen:
    3
    Inwiefern meinst du das?
    Also der obere CSS Code ist ja für Mobile Geräte gedacht.
    Das erkenne ich ja anhand

    @Media (max-width: 959px) and (min-width: 600px) {

    etc.
     
  6. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Auflösung!
    Beide CSS Anweisungen sind für Mobile Geräte gemacht!
    Ich habe mir erlaubt, in der Anzeigebreite der Sidebar zwischen 959px und 600px auf 600px zu erhöhen.
    Das Theme sieht da 300px vor und das schien mir etwas schmal, zumal ja padding: 20px; die effektive Anzeigebreite (-höhe) nochmals um 20px verringert!
     
  7. Foxi

    Foxi Well-Known Member

    Registriert seit:
    8. Juni 2020
    Beiträge:
    92
    Zustimmungen:
    3
    Genau. Vielen Dank nochmal :)
     
  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