Logo覆蓋我的滑塊wordpress

Question

Iam在wordpress主題上工作，我想讓我的標誌覆蓋在我的滑塊上。

我嘗試了幾種方式與CSS。但它似乎在較小的屏幕上變大了。我應該使用媒體查詢並在小屏幕上顯示它們嗎？

我的CSS代碼到徽標圖像。

@media screen and (max-width: 767px) { 
    .logo img { 
     display: none !important; 
    } 
} 

.header_mid_inner .logo img { 
    max-height: none !important; 
    max-width: none !important; 
    left: 50px !important; 
    top: 100px !important; 
    width: 135px !important; 
    height: 150px !important; 
    border: 1px solid white !important; 
} 

Answer 1

如果我理解正確，您希望使徽標響應橫幅頂部。爲了達到這個目的，你需要使用％值而不是像素來表示高度和寬度。此外，定位必須以％爲單位，因此它將與頁面重新調整比例。