2017-08-07 59 views
0

我的一個網站使用Divi 2.0主題。嘗試將文本置於一個框中並將文本居中對齊到移動版本時出現問題。我將附上我的頭部桌面和移動版本的圖片。哪裏可以成爲問題,在Divi的CSS代碼?divi主題標題中的響應中心文本

Desktop version

mobile version

我的網站的網址是http://mupcku.com

+2

問題不在於'center',它是'font-size'的缺失空間。只需調整移動瀏覽器的'font-size'即可。一種可能的方式是使用「媒體查詢」。 –

+0

謝謝!這真的幫助我! –

回答

0

如果您想保留字體大小和寬度並防止長框文字溢出,您要查找的屬性爲word-wrap: break-word

+0

這也是有用的!我將使用這也我會安排我的字體大小正確,一切都會好起來的!萬分感謝! –

+0

不用擔心!很高興我能服務。 (P.S.如果它能幫助你解決問題,它被認爲是最有效的答案,這會被認爲是可以接受的,這會增加你在網站上的聲譽) –

+0

當然,我會這樣做,但是怎麼做? –

0

當設備寬度達到大約480像素,以下CSS線造成您的問題:

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content { 
    width: 80%; 
    ... 

你可以在該重量上添加斷點並執行如下操作:

@media only screen and (max-width : 480px) { 
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content { 
     width: auto; 
     } 
}