解决移动平板电脑上的H3重叠问题

Question

我正在开发一个带有Avada WordPress主题的网站。<h3>与title-heading-center类重叠，从移动到平板大小：

​

​

​

​

我尝试在这个类中添加多个样式，从屏幕截图中可以看到：

word-break: break-all;
word-wrap: break-word;
display: block;
overflow: hidden;
word-break: break-word;
line-height: 33px;

唯一有帮助的是word-break: break-word，它把内容集中在手机上。

我可以应用什么其他的CSS样式来在<h3>标题中的单词之间创建间隔呢？

Answer 1

尝试将其更改为line-height: 33px !important，而不仅仅是line-height: 33px。虽然不建议您以这种方式保留，但是值得尝试看看这是否是问题所在。请注意，在开发人员工具中的屏幕快照中，此属性当前已被删除，因此被忽略。

或者，尝试用类fusion-title更改其容器div的高度。其中可能有一个容器div，它阻止了单词成为正确的line-height。