モバイルデバイスで表示するためにh2テキストが途切れている問題

Question

申し訳ありませんが、これは私を狂ったように運転しています。

スクリーンショットによると、モバイルデバイスのテキストは切り捨てられていますが、ここではマージンやボーダーを調整することでCSSが調整されると思っていましたが、これは役に立ちません。誰かが解決策を提案できますか？解決策を教えてください。

ビュー180ピクセルに高さを増やすことで解決ここでは、サイト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 */ 
} 

Answer 2

：

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

Answer 3

は、赤外高さを高くするメディアクエリを使用しますH2のテキストが途切れ始める直前に色分けされたdiv。ここでは、高さをminに