Guys please help resolve this.

discussion views & reply counters are working fine in desktop view.
<br>
but problem is here. these counters icon not show in mobile. shows static details but does not display icon.please check below image

desktop view

its working fine

mobile view

not working fine

  • peopleinside and DursunCan replied to this.
  • Razorlk

    Run pc view codes for mobile:

                @media @phone
                {
                    .item-discussion-views:before
                    {
                        font-family: 'Font Awesome 5 Free';
                        font-size: inherit;
                        content: "\f06e";
                        margin-right: 5px;
                    }
                    .DiscussionListItem-count:before
                    {
                        -moz-osx-font-smoothing: grayscale;
                        -webkit-font-smoothing: antialiased;
                        display: inline-block;
                        font-style: normal;
                        font-variant: normal;
                        text-rendering: auto;
                        line-height: 1;
                        font-family: 'Font Awesome 5 Free';
                        font-weight: 400;
                        content: "\f075";
                        float: left;
                        margin-left: -21px;
                        margin-top: 3px;
                    }
                }

    You can improve your css codes.

    Discuss: https://discuss.flarum.org/d/7339

    Razorlk If the issue regards an extension, as seems to be from your post, you should ask help to the extension developer or topic where extension is discussed.

    Razorlk

    Run pc view codes for mobile:

                @media @phone
                {
                    .item-discussion-views:before
                    {
                        font-family: 'Font Awesome 5 Free';
                        font-size: inherit;
                        content: "\f06e";
                        margin-right: 5px;
                    }
                    .DiscussionListItem-count:before
                    {
                        -moz-osx-font-smoothing: grayscale;
                        -webkit-font-smoothing: antialiased;
                        display: inline-block;
                        font-style: normal;
                        font-variant: normal;
                        text-rendering: auto;
                        line-height: 1;
                        font-family: 'Font Awesome 5 Free';
                        font-weight: 400;
                        content: "\f075";
                        float: left;
                        margin-left: -21px;
                        margin-top: 3px;
                    }
                }

    You can improve your css codes.

    Discuss: https://discuss.flarum.org/d/7339

      DursunCan its working. can you help this. logo not display correctly mobile verison