html - h2 文本被截断以在移动设备上显示的问题

Question

抱歉，这让我发疯了，我确信它很简单但无法破解。

根据屏幕截图，移动设备的文本被截断，我认为这将通过调整边距或边框来调整 css，但无济于事。有人可以提出解决方案吗？或指出解决方案？

在此处查看网站 www.yostrato.com

#owl-main-text {
    height: 180px;
}

    #owl-main-text h2 {
        font-size: 25px;
        text-align: center;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 10px;
        margin-top: 0;
        margin-bottom: 7px;
        margin-top: 35px;
        font-family: "Montserrat";
        background-color: rgba(193, 48, 48, 0.79);
    }

Answer 1

在这里将高度更改为最小高度:

#owl-main-text {
    min-height: 180px; /* or whatever value */
}