# Add text below header

**URL:** <https://meta.discourse.org/t/add-text-below-header/109060>\
**Category:** Product Support\
**Created:** [February 13, 2019, 5:30pm UTC](https://meta.discourse.org/t/add-text-below-header/109060 "2019-02-13T17:30:49Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)\
**Post date:** [February 13, 2019, 6:41pm UTC](https://meta.discourse.org/t/add-text-below-header/109060/2 "2019-02-13T18:41:39Z")

</div>

With some lines of CSS and Html yes, it is possible:

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/b/8bc02f0f262cca14a032f9af84dca1f83b77a8c5.png)

Create a new component on `/admin/customize/themes` and when it is ready remember to add it to the main theme of your site.

On `desktop > CSS` add:

```css
.test {
    text-align: center;
    margin-top: -50px;
    z-index: 1000;
    position: fixed;
    width: 1100px;
    color: #D60107;
}
.d-header {
    height: 6em;
}
#main-outlet {
    padding-top: 8em;
}

```

On `desktop > After Header` add:

```html
<div class="test" 
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at rhoncus arcu, ut placerat purus. Integer et varius enim, in tincidunt ex.</p>
</div>

```

You still need some media queries for other devices.

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/9/39fb448ef6d064396f247609b1092be5b0506267.png)

---

_[View the full topic](https://meta.discourse.org/t/add-text-below-header/109060)._