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 */ 
} 

Answer 2

通過增加高度解決了180像素：

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

Answer 3

使用媒體查詢，以增加高度優惠，紅色在H2文本開始被切斷之前的彩色div。