Question

如果您在手机上浏览this page（Wordpress网站）（横向视图），则会看到包含菜单和徽标的顶部栏重叠在其下方的滑块上。在桌面视图和移动纵向视图中没有发生这种情况，那么移动横向视图怎么样呢？

Answer 1

.transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead:not(.side-header):not(.mixed-header), .transparent .mixed-header.side-header-h-stroke {
  position: absolute;width: 100%;z-index: 101;
}

此代码来自您的@media screen and (min-width: 400px)媒体查询

Answer 2

@media screen and (max-width: 900px) {
.transparent:not(.photo-scroller-album) .masthead:not(.side-header):not(.mixed-header) {
  position: relative !important;
}
}

Answer 3

@media screen and (max-width: 900px) and (min-width: 400px) {
  .transparent:not(.photo-scroller-album) .masthead:not(.side-header):not(.mixed-header) {
  position: absolute;width: 100%;z-index: 101;
  }
  and
  .transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead:not(.side-header):not(.mixed-header), .transparent .mixed-header.side-header-h-stroke {
  position: absolute;width: 100%;z-index: 101;
  }
}

从媒体查询中删除此css代码

Answer 4

代码位于 media-82b7009747.css？ver = 1.0.0 文件中。如果你无法找到它在媒体查询中的自定义文件中添加css并将css从绝对更改为相对

顶部栏在其下方的滑块上重叠

4 个答案: