# On the mobile theme, the list of posts show's the latest replying user's avatar, not the OP's avatar

**URL:** <https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592>\
**Category:** UX\
**Created:** [2016年三月26日 04:29 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592 "2016-03-26T04:29:12Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![mbillow](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mbillow/32/90914_2.png) [@mbillow](https://meta.discourse.org/u/mbillow)\
**Post date:** [2016年三月26日 04:29 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/1 "2016-03-26T04:29:12Z")

</div>

I have had several people come to me very confused why their post was attributed to another user. This is because the avatar of the latest poster is used in the mobile view and nothing else (not even an author name). The author of the post is always the left most user on the desktop theme for a reason; not carrying over this important distinction is highly confusing.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2016年三月26日 04:54 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/2 "2016-03-26T04:54:39Z")

</div>

This is by design, and has been discussed in other topics.

When there is only room for one avatar in the topic list (as in mobile), the last person to talk in that topic is the correct avatar to show for the topic, otherwise a topic with 5000 replies would show the same avatar for months.

---

<div class="post-metadata">

**Author:** ![mbillow](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mbillow/32/90914_2.png) [@mbillow](https://meta.discourse.org/u/mbillow)\
**Post date:** [2016年三月26日 05:37 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/3 "2016-03-26T05:37:17Z")

</div>

I’m sorry if my original post made it sound like this was a bug. Also, I couldn’t find any of the other posts (maybe I didn’t use the right search terms) or I would have definitely posted there.

Either way, I agree that it prevents stale post listings, but there has to be a better way that reduces user confusion.

I have put together a really quick mockup that adds usernames below the post. I don’t know if this is the correct answer (admittedly it is a little bit busy) but it maintains post attribution better than the current style.

 ![](https://global.discourse-cdn.com/meta/original/3X/3/6/36fe94d29628c30329db05264d5b39c8c1641379.png)

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [2016年三月26日 13:54 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/4 "2016-03-26T13:54:17Z")

</div>

The topic is this one:

> [@Information Overload - Some insight through qualitative interviews](https://meta.discourse.org/t/information-overload-some-insight-through-qualitative-interviews/34804):
>
> Hi I’m gaining some insights that might be useful to some community owners. As a part of project I’m working with a startup that makes juice cleanse kits. They are very successful since slow juicing is a new and hip health trend, and the startup has a big following on Facebook and Instagram. This start up want a community site were they can offer customer support, share recipes and discuss slow juicing. The demographic is women between 20 and 40 (70%). We asked around 200 customers if they wer…

---

<div class="post-metadata">

**Author:** ![charleswalter](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/charleswalter/32/116433_2.png) [@charleswalter](https://meta.discourse.org/u/charleswalter)\
**Post date:** [2016年三月26日 14:23 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/5 "2016-03-26T14:23:55Z")

</div>

We have some custom code to show the OP avatar on the mobile view. No complaints. Feel free to check it out at [www.helloforos.com](http://www.helloforos.com)

On the site homepage, it shows the category name below the post, but if you are in a category it displays the author’s name.

In a small community, I understand the idea of showing the latest reply avatar. In a large community with lots of activity, I find it’s helpful that the community see who originally wrote the topic as it is part of the decision of whether users want to enter or not. I believe it also provides better recognition to authors of quality content

---

<div class="post-metadata">

**Author:** ![mbillow](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mbillow/32/90914_2.png) [@mbillow](https://meta.discourse.org/u/mbillow)\
**Post date:** [2016年三月26日 14:36 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/6 "2016-03-26T14:36:10Z")

</div>

> [@charleswalter](#):
>
> We have some custom code to show the OP avatar on the mobile view. No complaints.

Custom code as in you modified the Discourse source code or it is possible to change this in the customization option provided?

---

<div class="post-metadata">

**Author:** ![charleswalter](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/charleswalter/32/116433_2.png) [@charleswalter](https://meta.discourse.org/u/charleswalter)\
**Post date:** [2016年三月26日 15:12 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/7 "2016-03-26T15:12:57Z")

</div>

@mbillow, I added the code below to the mobile header. If you haven’t read [this topic on customizing Discourse templates](https://meta.discourse.org/t/how-to-customize-discourse-templates/34813), it is a must for Discourse community admins…

```
<script type='text/x-handlebars' data-template-name='mobile/list/topic-list-item.raw'>
<td>
  {{~#unless content.hasExcerpt}}
  <div class='pull-left'>
    <a href="{{content.firstPostUrl}}">{{avatar content.creator imageSize="large"}}</a>
  </div>
  <div class='right'>
  {{else}}
  <div>
  {{/unless~}}
    <div class='main-link'>
      {{raw "topic-status" topic=content}}
      {{topic-link content}}
      {{#if content.unseen}}
        <span class="badge-notification new-topic"></span>
      {{/if}}
    </div>

    <div class='pull-right'>
      {{raw "list/post-count-or-badges" topic=content postBadgesEnabled=controller.showTopicPostBadges}}
    </div>

    <div class="topic-item-stats clearfix">
{{#if controller.hideCategory}}
   <div class='category'>
          <span class="author-name">por <a href="{{content.creator.path}}" data-user-card="{{content.creator.username}}">{{content.creator.username}}</a></span>
        </div>
{{else}}
        <div class='category'>
          {{category-link content.category}}
        </div>
{{/if}}

    

      <div class="pull-right">
        <div class='num activity last'>
          <span class="age activity" title="{{content.bumpedAtTitle}}"><a href="{{content.lastPostUrl}}">{{format-date content.bumpedAt format="tiny" noTitle="true"}}</a></span>
        </div>
      </div>

      <div class="clearfix"></div>
    </div>
  </div>
</td>
</script>

```

---

<div class="post-metadata">

**Author:** ![mbillow](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mbillow/32/90914_2.png) [@mbillow](https://meta.discourse.org/u/mbillow)\
**Post date:** [2016年三月26日 15:38 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/8 "2016-03-26T15:38:32Z")

</div>

Thanks so much for that. I have seen the posts about modifying the templates but I haven’t had the time to really dive into it.

Thanks again for your help @charleswalter!

---

<div class="post-metadata">

**Author:** ![ringgit](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ringgit/32/58009_2.png) [@ringgit](https://meta.discourse.org/u/ringgit)\
**Post date:** [2016年六月15日 01:26 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/9 "2016-06-15T01:26:52Z")

</div>

Somewhat related: in mobile, when reading a topic and someone posted a lot of text, highly possible in a forum I frequent in which enjoys a lot of writing, it would be good if the name of the writer and his avatar floats above the post as I scroll downwards. Often I find myself needing to scroll back up after reading to see who was the person writing this post. Maybe a feature request?

---

<div class="post-metadata">

**Author:** ![DoNotShake](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/donotshake/32/120261_2.png) [@DoNotShake](https://meta.discourse.org/u/DoNotShake)\
**Post date:** [2018年三月1日 15:35 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/10 "2018-03-01T15:35:39Z")

</div>

An option to show OP avatar vs latest reply is important for a large community. In desktop view it is apparent who posted the OP from the topics page. Currently in mobile, only the user with the last reply shows up. I am currently choosing to [not display avatars at all in mobile view](https://meta.discourse.org/t/mobile-option-to-not-load-user-avatars-and-other-potential-bandwidth-saving-features/17792) because @charleswalter 's script no longer appears to work. Thanks.

---

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [2018年三月1日 15:51 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/11 "2018-03-01T15:51:03Z")

</div>

> [@DoNotShake](#):
>
> … script no longer appears to work. Thanks.

You can use this to show the avatar of the OP in Mobile view:

```plaintext
<script type='text/x-handlebars' data-template-name='mobile/list/topic-list-item.raw'>
    <td>
      {{~#unless expandPinned}}
      <div class='pull-left'>
        <a href="/users/{{topic.creator.username}}">{{avatar topic.creator imageSize="large"}}</a>
      </div>
      <div class='right'>
      {{else}}
      <div>
      {{/unless~}}
        <div class='main-link'>
          {{raw "topic-status" topic=topic}}
          {{topic-link topic}}
          {{#if topic.featured_link}}
            {{topic-featured-link topic}}
          {{/if}}
          {{#if topic.unseen}}
            <span class="badge-notification new-topic"></span>
          {{/if}}
          {{~#if expandPinned}}
          {{raw "list/topic-excerpt" topic=topic}}
          {{/if~}}
        </div>
    
        <div class='pull-right'>
          {{raw "list/post-count-or-badges" topic=topic postBadgesEnabled=showTopicPostBadges}}
        </div>
    
        <div class="topic-item-stats clearfix">
          {{#unless hideCategory}}
            <div class='category'>
              {{category-link topic.category}}
            </div>
          {{/unless}}
    
          {{discourse-tags topic mode="list"}}
    
          <div class="pull-right">
            <div class='num activity last'>
              <span class="age activity" title="{{topic.bumpedAtTitle}}"><a href="{{topic.lastPostUrl}}">{{format-date topic.bumpedAt format="tiny" noTitle="true"}}</a></span>
            </div>
          </div>
    
          <div class="clearfix"></div>
        </div>
      </div>
    </td>
</script>

```

---

<div class="post-metadata">

**Author:** ![mbillow](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mbillow/32/90914_2.png) [@mbillow](https://meta.discourse.org/u/mbillow)\
**Post date:** [2018年三月1日 15:54 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/12 "2018-03-01T15:54:14Z")

</div>

> [@DoNotShake](#):
>
> I am currently choosing to not display avatars at all in mobile view because @charleswalter 's script no longer appears to work. Thanks.

Here is the updated version. Modifications where made to the controller since @charleswalter initially posted that. I fixed it up awhile ago and this is still working great on our instance ( v1.9.0.beta16 +74).

```plaintext
<script type='text/x-handlebars' data-template-name='mobile/list/topic-list-item.raw'>
<td>
  {{~#unless topic.hasExcerpt}}
  <div class='pull-left'>
    <a href="{{topic.firstPostUrl}}">{{avatar topic.creator imageSize="large"}}</a>
  </div>
  <div class='right'>
  {{else}}
  <div>
  {{/unless~}}
    <div class='main-link'>
      {{raw "topic-status" topic=topic}}
      {{topic-link topic}}
      {{#if topic.unseen}}
        <span class="badge-notification new-topic"></span>
      {{/if}}
    </div>

    <div class='pull-right'>
      {{raw "list/post-count-or-badges" topic=topic postBadgesEnabled=showTopicPostBadges}}
    </div>

    <div class="topic-item-stats clearfix">
{{#if hideCategory}}
   <div class='category'>
          <span class="author-name"><a href="{{topic.creator.path}}" data-user-card="{{topic.creator.username}}">{{topic.creator.username}}</a></span>
        </div>
{{else}}
        <div class='category'>
          {{category-link topic.category}}
        </div>
{{/if}}

    

      <div class="pull-right">
        <div class='num activity last'>
          <span class="age activity" title="{{topic.bumpedAtTitle}}"><a href="{{topic.lastPostUrl}}">{{format-date topic.bumpedAt format="tiny" noTitle="true"}}</a></span>
        </div>
      </div>

      <div class="clearfix"></div>
    </div>
  </div>
</td>
</script>

```

Let me know if you have any problems.

---

<div class="post-metadata">

**Author:** ![DoNotShake](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/donotshake/32/120261_2.png) [@DoNotShake](https://meta.discourse.org/u/DoNotShake)\
**Post date:** [2018年三月1日 19:14 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/13 "2018-03-01T19:14:22Z")

</div>

Worked like a champ v2.0.0.beta3 +125. Thank you!

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2020年十一月25日 23:38 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/14 "2020-11-25T23:38:09Z")

</div>

我为此构建了一个主题组件，以便更方便地进行链接、跟踪和维护。感谢大家多年来提供的意见和建议！

> [@Show Original Poster Avatars](https://meta.discourse.org/t/show-original-poster-avatars-on-mobile/171346):
>
> discourse2Summary Show Original Poster Avatars is a simple theme component that shows the profile picture of the original poster (OP) on the mobile topic list, rather than the latest reply.eyeglassesPreview [Preview on Discourse Creator](https://discourse.theme-creator.io/theme/Discourse/show-op-avatars) (mobile only)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-mobile-op-avatar-component](https://github.com/discourse/discourse-mobile-op-avatar-component)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Featu…

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2020年十一月25日 23:38 UTC](https://meta.discourse.org/t/on-the-mobile-theme-the-list-of-posts-shows-the-latest-replying-users-avatar-not-the-ops-avatar/41592/15 "2020-11-25T23:38:14Z")

</div>