html - Divi 主题中的 Wordpress 底部固定导航栏

Question

我正在尝试使用 Divi 主题将我网站的主导航定位在图像组件下方，使用 position: fixed 和 bottom: 0px 但无济于事。我做错了什么，我该怎么做？我应该使用百分比来保持图像组件的高度吗？因为每次我尝试这样做时，包含该 div 的类都会覆盖它。这就是我想要的样子:

Here是我正在使用的页面。

Answer 1

需要更改的数量。

首先，删除 #main-header 元素的内联 style="top:0px"。

接下来，移除top:0并更改为

中的 bottom:0

#main-header {
  line-height: 23px;
  font-weight: 500;
  /*top: 0;*/
  bottom: 0;
  background-color: #fff;
  width: 100%;
  padding: 18px 0 0 0;
  min-height: 43px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 99999;
}

最后，对于 #page-container，将 padding-top: 78px 更改为 padding-top: 0px