停止在鸟眼下垂的主题上固定标题，并使徽标变大

Question

关于： http : //meraxcapital.weebly.com/

我试图为客户停止一个令人讨厌的主题中的粘性标头，但这让我很生气，这里是基本标头css代码：

/* Header */
.birdseye-header {
  position: fixed;
  z-index: 12;
  overflow-y: hidden;
  width: 100%;
  padding: 10px 30px;
  box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}
 .birdseye-header .container {
  display: table;
  overflow-y: hidden;
  width: 100%;
  max-height: 80px;
}
 .birdseye-header label.hamburger {
  display: none;
}
.birdseye-header .logo {
 display: table-cell;
 overflow-y: hidden;
 margin-right: 30px;
 padding: 0;
 vertical-align: middle;
 line-height: normal;
}
.birdseye-header .logo a {
 display: block;
  margin-right: 30px;
  margin-left: 10px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
 }
 .birdseye-header .logo img {
  display: block;
  overflow: hidden;
  max-width: 200px;
  max-height: 40px;
}
.birdseye-header .logo #wsite-title {
  display: block;
  max-width: 400px;
  max-height: 40px;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  }

我尝试了所有〜逻辑〜方法，但是欢迎任何建议。

我也遇到了一些尝试扩大徽标的纠纷（与上述代码相同）

我曾尝试更改'max-width / height元素，虽然它可以与inspector元素配合使用，但实际上并未实现！

提前谢谢你！

Answer 1

目标是禁用“固定”位置并将其更改为绝对位置。 如果您有权使用样式，那么我将直接从固定样式更改为绝对样式。 如果不是，那么您可以尝试使用以下内容覆盖其中的内容：

.birdseye-header, body.page-has-banner.affix .birdseye-header, body.splash-page.affix .birdseye-header {
    position: absolute !important;
}

至于图像大小...您需要在“ .birdseye-header .logo img”选择器上禁用或更改最大宽度和最大高度。

您可以尝试使用以下方法覆盖它们：

body.page-has-banner .logo img {
     max-height: 70px;
     max-width: 250px;
}

Answer 2

如果我理解正确，那么您想停止将标头固定在网页顶部，则必须删除以下内容：

 .birdseye-header { position: fixed; } 

另外，您应该删除高度-这是如何增加标题的高度-我认为它在main_style.css第30行中：

 body.page-has-banner.affix .birdseye-header, body.splash-page.affix .birdseye-header { position: fixed; top: 0; background: rgba(35, 35, 35, 0.95); /* height: 60px; */ padding: 10px 30px; }