2016-04-14 88 views
0

Iam在wordpress主题上工作,我想让我的标志覆盖在我的滑块上。 Overlay exampleLogo覆盖我的滑块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; 
} 
+0

起初,最好不做媒体查询显示没有标志。第二,我建议你在左上角使用%。如果您希望为您的网站提供响应,也可以使用最大高度和最大宽度。如果你发送头文件的html代码来帮忙,会更好,因为我认为问题停留在定位顶部,高度和宽度上 –

回答

0

如果我理解正确,您希望使徽标响应横幅顶部。为了达到这个目的,你需要使用%值而不是像素来表示高度和宽度。此外,定位必须以%为单位,因此它将与页面重新调整比例。