mit media queries meta-navigation verschwinden lassen

steph1977

hallo,
ich habe ein Problem, vielleicht kann mir jemand helfen. Denke schon langsam, dass ich blöd werde...
Auf der Seite: http://www.projektwerkstatt.org möchte ich die Metanavigation ab einer bestimmten Größe (800px) im unteren Bereich haben. Dies ist mir auch gelungen, in dem ich in den Footer die Metanav gesetzt habe:

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'metanav' => 'nav-menu' ) ); ?>

</nav>

zusätzlich spreche ich diese Navigation mit der CSS Klasse "Metanav" an. Im CSS habe ich eine Media Queries gesetzt mit:

Media screen and (min-width:800px) {
.metanav {
display: none;
}

Jedoch verschwindet die Navigation nicht. Was mache ich falsch? hab schon einiges ausprobiert, komm aber auf keine Lösung!
Vielen Dank für eure Hilfe
Liebe Grüße
Steph

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

ptra

Zitat von steph1977

Media screen and (min-width:800px) {
.metanav {
display: none;
}

Du machst hier zwei Klammern auf…
… ergo sollten auch zwei zu gemacht werden.

steph1977

hi,
tschuldigung wegen unsauberem copy&paste. Die zweite Klammer ist natürlich drin! Und trotzdem funzt es nicht. Irgendeine Ahnung an was es liegen könnte?
LG
Steph

Monika

Zitat von steph1977

hi,
tschuldigung wegen unsauberem copy&paste. Die zweite Klammer ist natürlich drin! Und trotzdem funzt es nicht. Irgendeine Ahnung an was es liegen könnte?
LG
Steph

weil die geschlossene geschwungene Klammern beim meta query oberhalb fehlt

HTML

@media screen and (max-width: 767px) {
  .site-title a { font-size: 0.5em; white-space: normal; }
  .header-main { padding: 0px; }




@media screen and (min-width: 800px) {
  .metanav { display: none; }
  .metanav ul li a { list-style: outside none none; }
}

Alles anzeigen

steph1977

aaaahhhhh! Das war's! Vielen, vielen Dank - du hast meinen Tag gerettet ;), lg steph

Willkommen! Melden Sie sich an oder registrieren Sie sich.

mit media queries meta-navigation verschwinden lassen

Jetzt mitmachen!