# Full width header with CSS?

**URL:** https://meta.discourse.org/t/full-width-header-with-css/302431
**Category:** Development
**Tags:** css
**Created:** [April 4, 2024, 4:15pm UTC](https://meta.discourse.org/t/full-width-header-with-css/302431 "2024-04-04T16:15:22Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [April 4, 2024, 4:15pm UTC](https://meta.discourse.org/t/full-width-header-with-css/302431/1 "2024-04-04T16:15:22Z")

</div>

Hello, is there any other code apart from these codes?  
and apart from that [GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width · GitHub](https://github.com/discourse/discourse-full-width-component)

```plaintext
.d-header,
.drop-down-visible .d-header {
  padding-top: 0px;

  .wrap {
    max-width: none;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 0;
    width: 100%;
    padding: 0;
  }

}

```

**That screenshot after full widht component**

 ![Ekran görüntüsü 2024-04-04 191436](https://global.discourse-cdn.com/meta/original/4X/5/4/6/546b6c182254f2754b09e50e16530baa53a57015.png)

---

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [April 5, 2024, 1:12pm UTC](https://meta.discourse.org/t/full-width-header-with-css/302431/2 "2024-04-05T13:12:23Z")

</div>

Help please how can i fix that ?  
With full-width-component (I added the codes to the site one by one, but it didn’t work.)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [May 16, 2024, 7:40pm UTC](https://meta.discourse.org/t/full-width-header-with-css/302431/3 "2024-05-16T19:40:32Z")

</div>

Hi,

What do you mean by:

> [@ogulcan1787](#):
>
> (I added the codes to the site one by one

?

Did you properly install the full-width component? Did you try disabling other components to see if there’s anything interfering?

---

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [May 16, 2024, 7:47pm UTC](https://meta.discourse.org/t/full-width-header-with-css/302431/4 "2024-05-16T19:47:44Z")

</div>

Hi @chapoi , thank you for your interest.  
I deleted the component and used these codes.

```plaintext
.d-header>.wrap {
    margin-right: 15px;
    margin-left: 15px;
    max-width: none;
}

```

The codes are working as I want now. 🙏

---

<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: [June 15, 2024, 7:48pm UTC](https://meta.discourse.org/t/full-width-header-with-css/302431/7 "2024-06-15T19:48:41Z")

</div>

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