# Após a imagem do cabeçalho causar avatares grandes de usuário em dispositivos móveis

**URL:** <https://meta.discourse.org/t/after-header-image-causing-huge-user-avatars-on-mobile-devices/70022>\
**Category:** Product Support\
**Created:** [Setembro 14, 2017, 7:32am UTC](https://meta.discourse.org/t/after-header-image-causing-huge-user-avatars-on-mobile-devices/70022 "2017-09-14T07:32:35Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![ron\_jeremy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ron_jeremy/32/56621_2.png) [@ron\_jeremy](https://meta.discourse.org/u/ron_jeremy)\
**Post date:** [Setembro 14, 2017, 7:32am UTC](https://meta.discourse.org/t/after-header-image-causing-huge-user-avatars-on-mobile-devices/70022/1 "2017-09-14T07:32:36Z")

</div>

I just added a header image to my forum and thought all was good but not so…

Here’s what the site looks like **without** the image:

 ![screenshot_no_header](https://global.discourse-cdn.com/meta/original/3X/0/e/0e712826e863e19e79f784b0c07194b036b1e0f1.png)

Here’s what the site looks like **with** the image:

 ![screenshot_with_header](https://global.discourse-cdn.com/meta/original/3X/f/7/f77b0c3714b36193142778ea24ad712a38bf2c3d.png)

As you can see, the avatars are huge. This is likely due to my undoubtedly crappy html. Here’s the code I used in the “After Header” section (desktop and mobile devices):

```
<style>
img {
width: 100%;
height: auto;
}
</style>
<img src="https://www.dropbox.com/s/wtwkcf2jidfd92r/single-track-bc-
header.jpg?raw=1" style=padding-bottom:18px; alt="Single Track BC header 
image">

```

I have put a band-aid on it for now by hiding the users

```
(.topic-list .posters {display: none;}

```

but for some reason it only works with the Desktop css, not the Mobile css.

Any pointers as to where I went wrong?

---

_[View the full topic](https://meta.discourse.org/t/after-header-image-causing-huge-user-avatars-on-mobile-devices/70022)._