html - WordPress CSS 和媒体查询

Question

我正在使用 Wordpress 主题，在更改小于 961 像素屏幕尺寸的选项卡/移动 View 的@media 查询时面临一些挑战。以下是链接:

http://www.logopexcil.com在更高分辨率上，标题背景图像从最顶部开始但低于 961px 分辨率，它在顶部栏和导航栏之后开始。我尝试使用以下 CSS，但似乎我做错了什么:

@media (max-width: 961px) {
.has-header-type11 .blox.page-title-x,.parallax-sec 
.page-title-x, .has-header-type11 .video-sec .page-title-x {
   top:0!important;  
  }
}

Answer 1

根据您的描述，我了解到您需要校准方面的帮助。此 CSS 调整容器和 header ，因为它们必须颠倒。希望对您有所帮助。

@media (max-width: 961px) {
.has-header-type11 .blox.page-title-x,
.parallax-sec 
.page-title-x, 
.has-header-type11 .video-sec .page-title-x {top:0!important;}


  .top-bar {display: none;} /* this was taking up space */
  .container {position:relative;top: 70px;} /* in the HTML this is above header, so bump it down */
  #header.w-header-type-11 {position: relative !important;top: -155px;}
  #main-content.container {padding:0;} /* remove unneeded padding */
}