Sidebar erhöht, am Handy ausblenden(?)

Foxi

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
[Blockierte Grafik: https://i.gyazo.com/d0e7de66dba81aa771a30dcc45a2c697.png]

Bild 2
[Blockierte Grafik: https://i.gyazo.com/6a988c392c56432b18fab9705aeae901.png]

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/

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SEpp55

Versuche mal, ob der nachfolgende Code das trifft (im Customizer in die Zusätzlichen CSS)

Code

@media (max-width: 959px) and (min-width: 600px) {
#secondary {
    margin: -70px auto 0 auto;
    width: 600px;
    }
}
@media (max-width: 599px) {
#secondary {
    margin-top: -70px;
    }
}

Alles anzeigen

Foxi

Perfekt! Es klappt. Vielen, vielen Dank :)

SEpp55

Was da sonst noch geschieht, hast du auch mitbekommen?

Foxi

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.

SEpp55

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!

Foxi

Genau. Vielen Dank nochmal :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar erhöht, am Handy ausblenden(?)

Jetzt mitmachen!