# Nach Header-Bild verursacht große Benutzer-Avatare auf Mobilgeräten

**URL:** <https://meta.discourse.org/t/after-header-image-causing-huge-user-avatars-on-mobile-devices/70022>\
**Category:** Product Support\
**Created:** [14. September 2017 um 07:32 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:** 2

<div class="post-metadata">

**Author:** ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)\
**Post date:** [14. September 2017 um 08:22 UTC](https://meta.discourse.org/t/after-header-image-causing-huge-user-avatars-on-mobile-devices/70022/2 "2017-09-14T08:22:27Z")

</div>

> [@ron\_jeremy](#):
>
> where I went wrong?

The style `img {width: 100%;}` is being applied to images that you don’t want it applied to. Give the header image a class and then just apply the width 100% to that.

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

```

---

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