网站wordpress中的文本溢出

Question

我需要通过将所有部分中的文本居中来编辑此网站的移动版本，但它不适用于其中一些部分。

这是链接：othodesign.com

这是我试图用来居中的最后一部分的代码：

.categories .module-title.font-alt.home-prod-title {
    margin: auto;
    font-size: 13px;
    letter-spacing: 2px;
    word-spacing: 3px;
    padding: auto;
    padding-top: 20px;
}

.categories .module-subtitle.font-serif.home-prod-subtitle {
    font-size: .8em;
    text-align: center;
    letter-spacing: .01px;
    position: relative;
    top: 10px;
    padding-bottom: 30px;
    padding-top: 20px;
}

这是带有图片和一些文字的部分的代码（女孩在车顶的部分）：

.categories .module-title.font-alt.home-prod-title {
    margin: auto;
    font-size: 13px;
    letter-spacing: 2px;
    word-spacing: 3px;
    padding: auto;
    padding-top: 20px;
}
.categories .module-subtitle.font-serif.home-prod-subtitle {
    font-size: .8em;
    text-align: center;
    letter-spacing: .01px;
    position: relative;
    top: 10px;
    padding-bottom: 30px;
    padding-top: 20px;
}

这是在 WordPress 中，我使用的主题不允许我删除任何 CSS，我使用的插件允许我添加一些 CSS 代码。

Answer 1

问题是.section-overlay-layer .module-title 上的white-space: nowrap;。 删除它，或者为移动版本添加white-space: normal;。