Full width header with CSS?

Dev
1

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

.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
Ekran görüntüsü 2024-04-04 1914362523×1259 173 KB

2

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.)

3

Hi,

What do you mean by:

?

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

4

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

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

The codes are working as I want now. :pray:

1 Like
7

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