论坛移除固定宽度

大家好!

我想移除固定宽度,并将其替换为百分比值。
我该如何操作?我尝试了很多方法,但都没有成功。

以下是“首页”上应有的效果截图:

以及主题内部的截图:

谁能给我一些提示,或者直接提供相关代码?
我将不胜感激!

没人能帮我吗?求求了!

按列宽

首先,我们需要重新定义 display: flex;

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

然后,设置宽度:

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

这仅作为一个示例。您可能需要获取之前的 div 并处理屏幕宽度。我不知道在移动设备上会发生什么,这需要添加更多的 CSS。

请注意:display: flex;。在这方面可能会遇到困难。

谢谢!

我想找的是默认宽度的 CSS 选择器。

我试过 .wrap 以及很多其他选择器,但都没有生效。这些选择器都是通过检查器获取的。

尝试对 .wrap 使用:

max-width: 100%;

结果宽度变成了 100%。

如果我只这样做,只有页眉和页脚是 100% 宽度。

我是不是漏掉了什么?

编辑:

我又检查了一遍,并添加了以下代码:

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

但正如您在截图中所见,它被 theme_11.scss 覆盖了,我不知道原因。

试试这个选项。

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

这和上面一样,它被 theme_11.scss 覆盖了。
这真的很烦人,因为它曾经能正常工作,但现在不行了。

编辑:
这是其中一个主题组件,我需要找出是哪一个。

找到了,是官方的“Easy responsive footer”。移除它后,站点宽度变成了 90%。
也许 @Johani 可以看一下,因为我希望恢复页脚。

编辑2:
“Versatile Banner”也在“破坏”宽度的调整。也许 @tshenry 也可以帮忙看一下?