Announcement

Collapse
No announcement yet.

Hiding avatars in posts

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Hiding avatars in posts

    My issue is to hide the display of avatars in user posts on mobile displays.

    I got the following snippet of code from someone here (sorry, can't remember who):

    .b-avatar {
    display: none;
    }

    .b-avatar--m {
    display: none;
    }

    I put it into the css_additional.css, and it works fine for large screens (PC/Mac) as well as medium ones (tablets). However, on small mobile phones it still shows. How can I get rid of it?

    I suspect that the '--m' is significant here, but that something else should be added, but cannot find anything documented. Help would be appreciated.

  • #2
    You also need the following if you're hiding it in all cases.

    .b-avatar--x {
    display: none;
    }

    .b-avatar--xs {
    display: none;
    }

    .b-avatar--xxs {
    display: none;
    }

    Comment


    • #3
      Hmmm. Didn't seem to work. Tested on an iPhone.

      I just put the code in the css_additional.css for one of the styles, and tested using that style. Anything else I should do?

      Comment


      • #4
        I'm still having this problem, and I have an idea that it should be quite easy to fix, I just don't know how.

        To illustrate it, I've posted a screenshot from a user's post. The sergeant's stripes on top is the avatar that I want to hide, the ones at the bottom is the user rank that I'd like to keep. The screenshot is from a small mobile screen. The avatar is gone on a medium (tablet) screen or large (PC) screen, so obviously some of the code works.

        Click image for larger version

Name:	sjt1kl.jpeg
Views:	34
Size:	106.7 KB
ID:	4437287

        Comment


        • #5
          It really isn't designed to be hidden. However try:

          Code:
          .l-small .b-userinfo .b-avatar  {display:none}
          Does that work?
          Translations provided by Google.

          Wayne Luke
          The Rabid Badger - a vBulletin Cloud demonstration site.
          vBulletin 5 API - Full / Mobile
          Vote for your favorite feature requests and the bugs you want to see fixed.

          Comment


          • #6
            Nice one. Works! Thanks.

            Comment

            Related Topics

            Collapse

            Working...
            X