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

【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, 这阻止了单词的正确行高。