# Forum remove fixed width

**URL:** https://meta.discourse.org/t/forum-remove-fixed-width/185863
**Category:** Support
**Created:** [April 7, 2021, 11:26am UTC](https://meta.discourse.org/t/forum-remove-fixed-width/185863 "2021-04-07T11:26:26Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![daemon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daemon/32/256632_2.png) [@daemon](https://meta.discourse.org/u/daemon)
#### Post date: [April 7, 2021, 11:26am UTC](https://meta.discourse.org/t/forum-remove-fixed-width/185863/1 "2021-04-07T11:26:26Z")

</div>

Hi all!

I want to remove the fixed width size and replace it with a percentual value.  
How can I do this? I tried so many things out but none of them worked.

Here are two images how it should be at the “homepage”.

 ![Discourse_scss](https://global.discourse-cdn.com/meta/original/3X/c/d/cd1f7b88c9dbbfaccc19d294a66a16dbb0987bcd.png)

And here inside a topic.

 ![Discourse_Topic_scss](https://global.discourse-cdn.com/meta/original/3X/6/2/62d40c8c5b898a187464c88aec73a5140de55249.jpeg)

So who can give me a hint or directly the code for it?

I would be very grateful!

---

<div class="post-metadata">

### Author: ![daemon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daemon/32/256632_2.png) [@daemon](https://meta.discourse.org/u/daemon)
#### Post date: [April 8, 2021, 8:58am UTC](https://meta.discourse.org/t/forum-remove-fixed-width/185863/2 "2021-04-08T08:58:26Z")

</div>

Can no one help me? Please!

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [April 8, 2021, 9:41am UTC](https://meta.discourse.org/t/forum-remove-fixed-width/185863/3 "2021-04-08T09:41:49Z")

</div>

By column width

First we need to redefine `display: flex;`:

```plaintext
.categories-and-latest {
    display: block;
}

```

and then, set the width:

```plaintext
.column.categories{
    width: 40%;
    float: left;
}

```

 ![discourse](https://global.discourse-cdn.com/meta/original/3X/c/a/ca3b64985229dc1d6882a042a60afa73461b8b99.jpeg)

This is only as a sample. You may have to grab the previous div and take care of the screen width. I have no idea what will happen on mobile devices, and it will require adding more css.

Pay attention to: `display: flex;`. Perhaps there are difficulties in this.

---

<div class="post-metadata">

### Author: ![daemon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daemon/32/256632_2.png) [@daemon](https://meta.discourse.org/u/daemon)
#### Post date: [April 8, 2021, 10:19am UTC](https://meta.discourse.org/t/forum-remove-fixed-width/185863/4 "2021-04-08T10:19:30Z")

</div>

Thank you!

What I’m looking for is the css selector for the default width.

I’ve tried .wrap and many others, but none worked. I got them with the inspector.

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [April 8, 2021, 11:14am UTC](https://meta.discourse.org/t/forum-remove-fixed-width/185863/5 "2021-04-08T11:14:03Z")

</div>

> [@daemon](#):
>
> I’ve tried .wrap and many others, but none worked. I got them with the inspector.

Tried using for `.wrap`

```plaintext
max-width: 100%;

```

and width became 100%

---

<div class="post-metadata">

### Author: ![daemon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daemon/32/256632_2.png) [@daemon](https://meta.discourse.org/u/daemon)
#### Post date: [April 8, 2021, 12:08pm UTC](https://meta.discourse.org/t/forum-remove-fixed-width/185863/6 "2021-04-08T12:08:19Z")

</div>

If I do this only the header and the footer are 100%.

Am I missing something?

EDIT:

I checked again and insert

```
#main > div #main-outlet {
	max-width: 90%;
	width: 90%;
}

```

but as you can see in the screenshot it gets overwritten from theme\_11.scss and I don’t know why.

 ![Discourse_css](https://global.discourse-cdn.com/meta/original/3X/e/4/e433c54e03f670957b50a22ffb4bdeeb8ee77dca.png)

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [April 8, 2021, 6:23pm UTC](https://meta.discourse.org/t/forum-remove-fixed-width/185863/7 "2021-04-08T18:23:48Z")

</div>

Try this option.

```plaintext
.categories-and-latest {
    display: block;
}
.wrap {
    max-width: 90%;
    width: 90%;
}
.categories-and-latest div.column.categories {
    width: 40%;
    float: left;
}

```

---

<div class="post-metadata">

### Author: ![daemon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daemon/32/256632_2.png) [@daemon](https://meta.discourse.org/u/daemon)
#### Post date: [April 8, 2021, 7:26pm UTC](https://meta.discourse.org/t/forum-remove-fixed-width/185863/8 "2021-04-08T19:26:50Z")

</div>

It’s the same as above, it gets overwritten from theme\_11.scss.  
It’s really annoying because it worked once but now not anymore.

Edit:  
It’s one of the theme components, I have to figure which one.

Got it, it’s the offical “Easy responsive footer”. After removing it the site changed to 90% width.  
Maybe @Johani can have a look at it because I would like to have the footer again.

Edit2:  
And “Versatile Banner” is “corrupting” the width changes. Maybe @tshenry can have a look, too?
