html - 网站 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;。