1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Fixed Navigation counters not styled in mobile dropdown

Discussion in 'Resolved Bug Reports' started by Arty, Jul 17, 2013.

  1. Arty

    Arty Well-Known Member

    When navigation tab has counter and is hidden in mobile dropdown menu (one with 3 lines), counter is shown in dropdown but isn't styled.

    Example: tab "Test Tab 5" with counter "5" on desktop:


    Same tab in dropdown on mobile device:


    Possible solution: add this to xenforo.css at the end of .blockLinksList rules:
        .blockLinksList a strong.itemCount
           display: inline-block;
           float: right;
           font-size: 9px;
           line-height: 16px;
           color: @alertBalloon.color;
           background-color: #e03030;
           padding: 0 2px;
           border-radius: 4px;
           min-width: 12px;
           _width: 12px;
           text-align: center;
           text-shadow: none;
           white-space: nowrap;
           word-wrap: normal;
    Andy.N, Alien, CyberAP and 1 other person like this.
  2. CyberAP

    CyberAP Well-Known Member

    It's better not to use selector by element type. Just leave classes:

    .blockLinksList .itemCount

    And we also don't need display: inline-block;, element is already floated.

    Nice spot, BTW.
    Alien likes this.
  3. Mike

    Mike XenForo Developer Staff Member

    We actually had styling for this already for the account menu. I've just rejiggered this and made it available in any block links list.
    MattW, CyberAP and Chris D like this.

Share This Page