如何在移動設備上修復？ 自定義 CSS。 (WordPress)

Question

在移動設備上，我的帖子的標題和日期相互沖突和覆蓋。 這看起來很糟糕。 這是我的網站。 http://defensionem.com/200-russian-soldiers-along-with-t-90-tanks-in-syria/

它在 Wordpress 上。

我該如何解決？ 主題中沒有選項，我可以使用自定義 CSS。

我試圖隱藏日期，但沒有用。

.meta--items_fl{
display:none !important;
}

Answer 1

您可以在這里做的是編寫媒體查詢以隱藏特定元素或在特定屏幕長度上更改其相關 css。 例如，

@media only screen and (max-width: 700px) {
    div.meta--items.fl {
        display: none;
    }
}

上面的代碼將在 700 像素及以下的屏幕寬度處隱藏日期。 您可以調整斷點觸發的寬度，看看什么最適合您。

要了解有關媒體查詢的更多信息，請查看此內容。 希望有幫助！