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

我的一个网站使用Divi 2.0主题。尝试将文本置于一个框中并将文本居中对齐到移动版本时出现问题。我将附上我的头部桌面和移动版本的图片。哪里可以成为问题，在Divi的CSS代码？divi主题标题中的响应中心文本

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

来源

2017-08-07 Добромир Милчев

问题不在于'center'，它是'font-size'的缺失空间。只需调整移动浏览器的'font-size'即可。一种可能的方式是使用“媒体查询”。 –

谢谢！这真的帮助我！ –

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

来源

2017-08-07 09:42:47

这也是有用的！我将使用这也我会安排我的字体大小正确，一切都会好起来的！万分感谢！ –

不用担心！很高兴我能服务。（P.S.如果它能帮助你解决问题，它被认为是最有效的答案，这会被认为是可以接受的，这会增加你在网站上的声誉） –

当然，我会这样做，但是怎么做？ –

当设备宽度达到大约480像素，以下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; 
     } 
}

来源

2017-08-07 09:38:34 user8230352

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

回答

相关问题