Sidebar nur für 1024px ausstellen

Hallo,

ich würde gerne meine Sidebar nur für die Breite 1024 aus Platz Gründen ausstellen.

Mit folgenden Befehl kann ich alle Geräte bis 1024 ausschalten.

Media only screen and (max-width:1024px)
{
#secondary {display: none;}
}

also habe ich noch diesen Code ergänzt, aber die Smartphones bleiben trotzdem aus.

Media only screen and (min-width:769px)
{
#secondary {display: none;}

}

Ohne min, max, sondern nur width hat es auch nicht geklappt.

Media only screen and (width:1024px)
{
#secondary {display: none;}
}

Kann mir jemand sagen, was ich falsch mache?

Genau daran hatte ich diesmal nicht gedacht. Danke! Folgendes funktioniert:

Media only screen and (width:1024px)
{
#secondary {display: none !Important;}
}

Das Problem ist nun, dass der Platz für die Sidebar weiß ist und nicht wieder zum Content-Bereich gehört.

Es schaut aus, als ob alles nach links verschoben wurde. Wie kann ich den ehemaligen Sidebar-Bereich wieder eingliedern, so dass alles wieder mittig ist?

Zitat von Hille

Auch per CSS [emoji6]

Hey Hille,

deine Kommentare sind für mich immer am wertvollsten: immer zielgerichtet und ohne irgendwelche Döneken ;)

Ich habs jetzt hinbekommen. So ist sieht alles wieder so aus, als ob man die Sidebar komplett ausgeschaltet hätte:

Media only screen and (width:1024px)
{
#secondary {display: none !Important;}
html, body #page {
margin-right: -10em;
}