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!