# Center header image

**URL:** https://meta.discourse.org/t/center-header-image/263996
**Category:** Development
**Created:** [May 5, 2023, 5:53pm UTC](https://meta.discourse.org/t/center-header-image/263996 "2023-05-05T17:53:00Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Michele\_Butturini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michele_butturini/32/295242_2.png) [@Michele\_Butturini](https://meta.discourse.org/u/Michele_Butturini)
#### Post date: [May 5, 2023, 5:53pm UTC](https://meta.discourse.org/t/center-header-image/263996/1 "2023-05-05T17:53:00Z")

</div>

Hi,  
somehow I managed to add a bar on top of the forum I am managing.

 ![Screenshot 2023-05-05 at 19.48.51](https://global.discourse-cdn.com/meta/original/4X/f/5/d/f5d61f4e9c609fdfc22257a5e106c7666d48905b.jpeg)

However, when working on a screen with a different size, the image is shifted and not centered

 ![Screenshot 2023-05-05 at 19.49.10](https://global.discourse-cdn.com/meta/original/4X/7/d/5/7d5d1e61c7624b597470126160956bd608e35101.jpeg)

How can I center it?

The following is the code I used

 ![Screenshot 2023-05-05 at 19.50.18](https://global.discourse-cdn.com/meta/original/4X/4/a/b/4ab976e4c155eaaabcb30e8a79400948e07c7886.png)  
 ![Screenshot 2023-05-05 at 19.50.11](https://global.discourse-cdn.com/meta/original/4X/b/3/9/b39cdd1b04b453bae663422acf185beb1a40c608.png)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [May 5, 2023, 6:13pm UTC](https://meta.discourse.org/t/center-header-image/263996/2 "2023-05-05T18:13:30Z")

</div>

This should do the trick:

```css
.custom-header-image {
    display: flex;
    justify-content: center;
    
    img {
        max-width: 100%;
    }
}

```

---

<div class="post-metadata">

### Author: ![Michele\_Butturini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michele_butturini/32/295242_2.png) [@Michele\_Butturini](https://meta.discourse.org/u/Michele_Butturini)
#### Post date: [May 5, 2023, 9:18pm UTC](https://meta.discourse.org/t/center-header-image/263996/3 "2023-05-05T21:18:40Z")

</div>

worked perfectly, thanks!