wordpress調整內容到管理欄高度（薄和更厚的管理欄）

Question

我想開發我的第一個wordpress主題。我有一個帶有標誌圖標和菜單按鈕的固定側欄（也可能有社交媒體圖標）。

當用戶沒有登錄到WordPress有在屏幕的頂部沒有聯繫吧，讓我造型的側欄是這樣的：當用戶登錄

#masthead{ 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 40px; 
    height: 100%; 
    background-color: rgba(0,0,0,0.2); 
    z-index: 999; 
} 

在有一個屏幕頂部的管理員欄。當管理員杆存在body標籤有一個addicional等級：管理員吧，讓我改變我的側欄是這樣的：

.admin-bar #masthead{ 
    top: 32px; 
} 

的問題是，當我調整窗口的大小，它得到大小管理員變得更厚（46px）。有沒有辦法「看到」與CSS的這種差異？ 我想我可以用媒體查詢來做到這一點，但是如果它可以用於更細的酒吧的解決方案，我想我會更開心。

任何想法？謝謝！

Answer 1

您需要做一些媒體查詢來根據管理欄調整CSS的大小。

例如：

@media all and (max-width: 699px) { 
.admin-bar #masthead{ top: 46px; } 
} 

http://css-tricks.com/css-media-queries/