# How to make the Welcome banner wider?

**URL:** https://meta.discourse.org/t/how-to-make-the-welcome-banner-wider/270592
**Category:** Development
**Tags:** welcome-link-banner
**Created:** [October 1, 2022, 8:53pm UTC](https://meta.discourse.org/t/how-to-make-the-welcome-banner-wider/270592 "2022-10-01T20:53:53Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![jamierobinson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jamierobinson/32/248189_2.png) [@jamierobinson](https://meta.discourse.org/u/jamierobinson)
#### Post date: [October 1, 2022, 8:53pm UTC](https://meta.discourse.org/t/how-to-make-the-welcome-banner-wider/270592/1 "2022-10-01T20:53:53Z")

</div>

Is there any way to make the banner slightly wider so I can fit some extra characters into the header?

---

<div class="post-metadata">

### Author: ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [October 7, 2022, 8:18pm UTC](https://meta.discourse.org/t/how-to-make-the-welcome-banner-wider/270592/2 "2022-10-07T20:18:20Z")

</div>

@jamierobinson

The banner’s “content” portion has a default `max-width` of `375px` on desktop.

You can enlarge that portion by increasing the `max-width` to a higher value such as `400px`. This can be done by adding the following CSS (note: tweak the `px` number based on your situation)

```css
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .welcome-content {
    max-width: 400px;
}

```

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [July 5, 2023, 6:05am UTC](https://meta.discourse.org/t/how-to-make-the-welcome-banner-wider/270592/3 "2023-07-05T06:05:53Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
