Mobiles Design badge

    Hallo Leute :),


    Habe ein Problem bei der Darstellung von den badge. ;(


    Wie kann ich den badge ausblenden wenn der Browser kleiner oder in der Mobile Ansicht ist. :?:


    danke :)

    Könnte es vielleicht sein, dass du eher die Schriftfarbe in der mobilen Ansicht meinst? Die Badges sind ja eigentlich die Zahlen nach dem entsprechenden Element.

    beim verkleiner des Browsers ist der Text "Abonnierte Themen" ausgeblendet und es bleibt nur die Zahl(en) 12zusehen.


    Wie kann ich auch die Zahl ausblenden oder halt das mainMenu sichtbar belassen.

    Das Ausblenden der Badges kannst du folgendermaßen per CSS realisieren:


    CSS
    @media only screen and (max-width: 800px) {
    .navigation > ul.navigationMenuItems > li > .badge {
    display:none;
    }
}



    Jedoch würde ich dir persönlich empfehlen, die Farben der Links lieber entsprechend zu ändern:

    CSS
    @media only screen and (max-width: 800px) {
   .navigation > ul.navigationItems > li > a, .navigation > ul.navigationMenuItems > li > a {
   color: #ffffff;
   }
}

    sorry leute,


    Fehler gefunden die Schriftfarbe und der Hintergund dürfen nicht die geleiche Farbe haben, sonst sieht man es nicht. :)


    :huh:

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login