hueman mobile menu color

  • Hallo Community

    Theme: hueman
    website: http://www.cio2go.de


    ich habe ein Problem das ich auf meiner Website das mobile Menu nicht bearbeiten kann. Ich versuche dort die text Farbe des mobilen Menüs zu ändern bekomme es aber einfach nicht hin.
    über die Entwicklertools von Chrome habe ich die passende stelle, wie ich glaube^^, bereits gefunden.

    CSS
    @media only screen and (min-width: 719px){
        #header .nav-container .nav li a {
            color: #000 !important;
        }
    }

    Wenn ich das im Chrome so anpasse bekomme ich eine andere schrift Farbe. Stelle ich das ganze in meiner style.css ein die in einem Child-Theme liegt bekommen ich die Farbe nicht geändert. Alle anderen Änderungen die ich in der Style.css getroffen habe funktionieren nur dieser Media kram nicht.

    Ich hoffe das mir jemand helfen kann.

    • 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

  • "min-width: 719px" bedeutet, dass die Definition gilt für Displays, die eine Breite von 719 Pixel oder mehr haben. Das wäre Desktop- und nicht Mobile-Grösse.

  • Klasse danke sehr der Tip war super. hab die 480px gefunden. damit ist die Farbe geändert worden. Danke Dafür.

    Nun besteht nur noch ein kleines Problem wie kann ich das header bild in der Mobilen Ansicht ausblenden.

    #site-image{display:none;}

    hat da leider nicht geholfen. Kannst du mir da nochmal eine kleine Gedanken stütze geben.

    mfg Dacki

    Einmal editiert, zuletzt von Dacki (4. August 2017 um 13:16)

  • ich habe dies ja bereits versucht und klappt leider nicht, so habe ich deinen Vorschlag umgesetzt:

    Media only screen and (min-width: 320px){
    #header .nav-container .nav li a {color: #000 !important;}
    #site-image {display:none !important;}

    }
    wenn ich nur die site-image bearbeite nehme ich das Bild aus allen Ansichten aber es soll ja nur in der mobilen Ansicht verschwinden.

    Ich danke dir für deine mühe und vorschläge.

  • Dann musst einen weiteren Viewpoint festlegen und dort wieder auf display: block setzen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Hallo SirEctor

    sry mein Fehler, ich habe mich nicht richtig ausgedrückt. wenn ich ohne Viewpoint das "[COLOR=#333333]#site-image {display:none !important;}" reinsetze ist das Header bild grundsätzlich weg. Korrekt so sollte es ja auch sein. Stelle ich den Code bei dem Viewpoint 320px rein ist es, in der mobilen Ansicht, immer noch da.

    Ich danke auch dir für deine Hilfe und Vorschläge.

    MFG
    Dacki[/COLOR]

  • Ich würde es generell auf display:none setzen und z. B. ab min-width: 768px auf display:block.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Klasse Sache danke SirEctor. Hab deinen Rat befolgt und es hat nicht geklappt null Reaktion.
    Dann habe ich mir das nochmal genauer angesehen und bemerkt das die site-image eine "Class" ist. Also flux in die style.css rein und die # gegen einen Punkt getauscht. Und was soll ich sagen nun geht es Danke sehr.

Jetzt mitmachen!

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