Forum remove fixed width

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

And here inside a topic.

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

I would be very grateful!

Can no one help me? Please!

By column width

First we need to redefine display: flex;:

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

and then, set the width:

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

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.

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.

Tried using for .wrap

max-width: 100%;

and width became 100%

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.

Try this option.

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

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?