schwierigkeiten mit css bei twentytwelve

  • Hallo, ich habe ein childtheme für das twentytwelve im Einsatz.
    Immer wieder bleibe ich bei den Mediaqueries hängen und diesmal komme ich gar nicht weiter.

    Bisher habe ich noch nie mit mobile first gearbeitet, also, dass die Angaben für immer größere Displays geschrieben werden, nicht für immer kleinere.

    Aber eigentlich leuchtet es mir ein, dass es ja nur umgekehrt ist.

    Was mich grade ganz fertig macht:
    eine Angabe (im childtheme css) für Größen AB 600px in der Klammer: Media screen and (min-width: 600px) überschreibt eine andere, die davor steht, also für
    Größen BIS 600px,
    auch wenn die Bildschirmbreite noch kleiner als 599px ist!

    die Angabe betrifft eine Border.

    Zeile 133 in der Klammer: Media screen and (min-width: 600px)
    .main-navigation ul.nav-menu {
    border-top: 10px solid #f9b100;
    }
    Zeile 109
    .main-navigation ul.nav-menu {
    [COLOR=#ff0000] border-top: none; [COLOR=#ff0000]WIRD ÜBERSCHRIEBEN[/COLOR][/COLOR]
    }


    Vielen Dank für einen Tipp!!
    Irmen

    Einmal editiert, zuletzt von irmen (30. Januar 2018 um 17:10)

    • Anzeige

    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

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!