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

Question

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

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

Answer 1

你的问题很简单。这是因为您已将行或部分的边距设置为 0px。不用担心：只需将其设置为默认值，您将获得您的解决方案。 或者查看我们的教程Tech Gigs

如果您仍然遇到问题，请在我们的网站上给我们留言。

Answer 2

如果您想保持字体大小和宽度并防止长字溢出框，您要查找的属性是word-wrap: break-word。

Answer 3

当设备宽度达到 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;
        }
}