CSS-修复手机，平板电脑上的H3重叠

我正在开发一个以Avada WordPress主题的网站。 <h3>具有标题标题中心类, 从移动设备到平板电脑尺寸重叠：

我已经尝试过向此类添加多种样式, 如你从屏幕截图中所见：

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

似乎唯一有帮助的是断字：break-word, 它将内容集中在移动设备上。

我可以应用哪些其他CSS样式在<h3>标题中的单词之间创建间距？

#1

尝试将其更改为line-height：33px！important, 而不仅仅是line-height：33px。尽管不建议你采用这种方式, 但值得尝试一下这是否是问题所在。请注意, 在开发人员工具的屏幕快照中, 该属性当前已被删除, 因此将被忽略。

或者, 尝试使用类fusion-title更改其容器div的高度。某处可能有一个容器div, 这阻止了单词的正确行高。