divi主题标题中的响应中心文本

Question

我在我的一个网站上使用Divi 2.0主题。尝试将文本放在框中并将文本对齐移动版本时，我遇到问题。我将附上我的标题桌面和移动版本的图片。在Divi css代码中，问题出在哪里？

我的网站的网址是http://mupcku.com

Answer 1

当设备宽度达到480px左右时，以下CSS行导致您的问题：

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 80%;
    ...

您可以在该权重处添加断点并执行以下操作：

@media only screen and (max-width : 480px) {
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
        width: auto;
        }
}

Answer 2

如果您希望保留字体大小和宽度并防止长字溢出框，则您要查找的属性为word-wrap: break-word。